/* Scoped management screens: compact cards on phones, roomy presentation on desktop. */
.mg-root{max-width:1400px;margin:0 auto;color:#172b3f}.mg-root *{box-sizing:border-box}
.mg-toolbar,.mg-actions,.mg-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 12px}
.mg-root button{min-height:44px;white-space:normal}.mg-root label{margin:0}.mg-root input,.mg-root select{min-height:44px}
.mg-periods{display:flex;flex-wrap:wrap;gap:3px;padding:3px;background:#e8eef3;border-radius:10px}
.mg-periods button{border:0;background:transparent;color:#425466;border-radius:7px;padding:6px 14px}
.mg-periods button[aria-pressed=true]{background:#fff;color:#135b57;box-shadow:0 1px 4px #102a431f;font-weight:700}
.mg-rank-history-month{max-width:320px}.mg-rank-period-toolbar .mg-periods{max-width:100%}
.mg-rank-groups{display:flex;gap:8px;flex-wrap:wrap}.mg-rank-groups button{border:1px solid #cfdfde;background:#fff;color:#425466;padding:10px 20px;border-radius:10px}.mg-rank-groups button[aria-pressed=true]{background:#176b60;color:#fff;border-color:#176b60;font-weight:700}.mg-rank-fixed-basis{margin:0;align-self:center;color:#5c7082;font-size:13px}
.mg-meta{color:#5c7082;font-size:13px;line-height:1.5;overflow-wrap:anywhere;margin:8px 0}
.mg-overview h3{margin:0 0 12px}.mg-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:9px}
.mg-metric{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:6px;padding:12px;border:1px solid #dde7ec;border-radius:10px;background:#f8fbfc;color:#264458;min-width:0;overflow-wrap:anywhere}
button.mg-metric{cursor:pointer}button.mg-metric:hover{border-color:#29867a;background:#edf7f4}.mg-metric>span{font-size:13px}.mg-metric strong{font-size:28px;line-height:1.2;color:#145e55;font-variant-numeric:tabular-nums}.mg-metric small{font-size:12px;font-weight:400;margin-left:6px;color:#678}
.mg-metric em{font-size:11px;line-height:1;color:#39766f;font-style:normal;margin-top:1px}
.mg-search,.mg-person-picker{max-width:380px;flex:1;min-width:180px}.mg-people-filters{justify-content:flex-start;align-items:flex-end}.mg-people-filters input,.mg-people-filters select{width:100%}
.mg-people{display:grid;grid-template-columns:1fr;gap:10px}.mg-person{background:white;border:1px solid #dfe7ed;border-radius:12px;padding:10px 12px;min-width:0}
.mg-person-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:nowrap}.mg-person-heading h3{margin:0;font-size:16px;line-height:1.35;overflow-wrap:anywhere}.mg-person-role{font-size:12px;font-weight:500;color:#687d8f;margin-left:7px}.mg-person-more{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px!important;padding:0;border:0;background:transparent;color:#526b7b;font-size:24px;line-height:1;border-radius:9px}.mg-person-more:hover{background:#edf4f6;color:#145e55}
.mg-person-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.mg-person-metrics .mg-metric{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 7px;padding:7px 9px;min-height:48px}.mg-person-metrics .mg-metric>span{font-size:12px;line-height:1.25}.mg-person-metrics .mg-metric strong{font-size:20px;white-space:nowrap}.mg-person-metrics .mg-metric em{display:none}
.mg-filters{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.mg-filters label{flex:1;min-width:160px}.mg-filters select,.mg-filters input{width:100%}
.mg-ranking{display:grid;gap:5px}.mg-rank-row{display:grid;grid-template-columns:26px minmax(210px,29%) minmax(0,1fr);align-items:center;gap:10px;padding:7px 12px;border:1px solid #dfe7ed;border-radius:9px;background:#fff;min-height:52px}.mg-rank-row h3{margin:0;font-size:15px;line-height:1.35}.mg-rank-row h3 span{display:block;font-size:11px;font-weight:500;color:#687d8f;margin-top:2px}.mg-rank-number{width:26px;font-size:18px;color:#75879a;font-variant-numeric:tabular-nums}.mg-rank-row:first-child .mg-rank-number{color:#a47932}.mg-rank-person{min-width:0;overflow-wrap:anywhere}.mg-rank-values{display:flex;align-items:center;justify-content:flex-start;gap:8px 22px;min-width:0;flex-wrap:wrap}.mg-rank-value{display:flex;align-items:baseline;gap:6px;min-width:0;max-width:100%;overflow-wrap:anywhere}.mg-rank-value strong{font-size:22px;line-height:1;color:#176b60}.mg-rank-value span{font-size:11px;color:#687d8f}.mg-rank-value strong,.mg-rank-breakdown dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.mg-rank-breakdown{display:flex;justify-content:flex-start;gap:4px 14px;flex-wrap:wrap;margin:0}.mg-rank-breakdown>div{display:flex;align-items:baseline;gap:4px;min-width:0}.mg-rank-breakdown dt{font-size:11px;color:#687d8f}.mg-rank-breakdown dd{margin:0;font-size:13px;color:#334f61}.mg-meeting-empty{margin-top:16px;padding:24px}.mg-meeting-empty h2{margin:0 0 12px;font-size:20px}.mg-meeting-empty p{overflow-wrap:anywhere;line-height:1.8}
.mg-slide{background:linear-gradient(135deg,#133f44,#176451);color:#fff;padding:34px;border-radius:18px;min-height:360px;display:flex;flex-direction:column;margin:12px 0 16px;overflow-wrap:anywhere}.mg-slide-kicker{display:flex;justify-content:space-between;gap:12px;color:#b9d8d3;font-size:13px;letter-spacing:1px}.mg-slide h2{font-size:32px;margin:22px 0 8px;line-height:1.3;color:white}.mg-slide-subtitle{color:#b9d8d3;margin:0}.mg-slide-metrics{display:grid;grid-template-columns:repeat(var(--mg-slide-columns,3),minmax(0,1fr));gap:14px;margin:16px 0 0}.mg-slide .mg-metric{background:#ffffff0f;border-color:#ffffff26;color:#d1e9e4;padding:16px}.mg-slide .mg-metric strong{font-size:42px;color:white}.mg-slide .mg-metric small{color:#b9d8d3}.mg-slide .mg-actions{margin:10px 0 0;justify-content:flex-start}.mg-slide .mg-actions button{background:#ffffff14;border:1px solid #ffffff66;color:white}
.mg-pagination{justify-content:center;margin:16px 0}.mg-pagination>span{min-width:80px;text-align:center;font-variant-numeric:tabular-nums}.mg-detail-item p{white-space:pre-wrap;overflow-wrap:anywhere}.mg-detail-item small{display:block;color:#687d8f;margin:10px 0}.mg-detail-heading h2{margin-top:0}.mg-root :focus-visible{outline:3px solid #48a79d;outline-offset:3px}
@media(max-width:760px){.mg-person{padding:9px 10px}.mg-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.mg-periods{width:max-content;min-width:100%;flex-wrap:nowrap}.mg-periods button{flex:0 0 auto;min-width:68px;padding:7px 9px;font-size:13px}.mg-person-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.mg-person-metrics .mg-metric{min-height:50px}.mg-person-role{display:inline;font-size:11px}.mg-filters{gap:9px}.mg-filters label{min-width:130px}.mg-rank-row{padding:7px 10px;gap:5px 8px}.mg-rank-number{width:25px;font-size:17px}.mg-rank-row h3{font-size:14px}.mg-rank-row h3 span{display:inline;font-size:11px}.mg-slide{padding:20px 16px;min-height:310px}.mg-slide h2{font-size:25px;margin-top:16px}.mg-slide-metrics{gap:7px;margin-top:12px}.mg-slide .mg-metric{padding:12px 9px}.mg-slide .mg-metric strong{font-size:30px}.mg-slide .mg-metric small{display:block;margin:4px 0 0}.mg-slide .mg-metric>span{font-size:12px}.mg-slide-subtitle{font-size:13px}.mg-root input,.mg-root select{font-size:16px}.mg-toolbar{gap:8px}.mg-metric strong{font-size:25px}}
@media(max-width:359px){.mg-slide-metrics{grid-template-columns:1fr}.mg-slide .mg-metric{flex-direction:row;align-items:center;justify-content:space-between}.mg-slide .mg-metric small{display:inline;margin-left:4px}.mg-slide h2{font-size:24px}.mg-slide{min-height:0}.mg-slide-kicker{letter-spacing:0;font-size:12px}}
@media(max-width:760px){.mg-rank-period-toolbar{overflow-x:auto;overscroll-behavior-inline:contain;padding-bottom:2px}.mg-rank-period-toolbar .mg-periods{display:flex;width:max-content;min-width:100%}.mg-rank-history-month{max-width:none;flex-basis:100%!important;min-width:0!important}}
@media(max-width:760px){.mg-rank-groups{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.mg-rank-groups button{padding:10px 8px}.mg-rank-row{display:grid;grid-template-columns:25px minmax(0,1fr);align-items:center}.mg-rank-person{min-width:0}.mg-rank-values{grid-column:2;max-width:100%;width:100%;margin:0;gap:4px 12px;justify-content:flex-start}.mg-rank-value{justify-content:flex-start;margin-left:0;min-width:0}.mg-rank-breakdown{justify-content:flex-start;gap:4px 12px}.mg-rank-breakdown dd{font-size:13px}.mg-rank-fixed-basis{width:100%;padding:4px 0}.mg-meeting-empty{padding:20px 16px}.mg-people-filters>label{max-width:none;min-width:0;flex:1 1 100%}}

/* Execution board: compare people in aligned columns; expand record content on demand. */
.mg-board-filters h3{margin:0}.mg-board-filters .mg-toolbar:last-child{margin-bottom:0}
.mg-overview-compact h3{font-size:14px}.mg-overview-compact h3 small{font-weight:400;color:#687d8f;margin-left:8px}.mg-overview-compact .mg-metric{padding:8px 10px;gap:4px}.mg-overview-compact .mg-metric strong{font-size:22px}.mg-overview-compact .mg-metric em{display:none}
.mg-table-scroll{overflow-x:auto;max-width:100%;border:1px solid #dfe7ed;border-radius:10px;background:white}
.mg-comparison,.mg-detail-table{width:100%;border-collapse:collapse;margin:0;font-size:13px}.mg-comparison caption{padding:10px 12px;text-align:left;font-weight:700}.mg-comparison th,.mg-comparison td,.mg-detail-table th,.mg-detail-table td{padding:6px 10px;border-bottom:1px solid #e9eef3;vertical-align:middle}.mg-comparison thead,.mg-detail-table thead{background:#f5f8fb;color:#5c7082}.mg-comparison th small{display:block;font-weight:400}.mg-comparison td{text-align:center;font-variant-numeric:tabular-nums}.mg-comparison th[scope=row]{text-align:left;min-width:155px;font-weight:600}.mg-comparison .mg-person-role{display:block;margin:3px 0 0;white-space:nowrap}.mg-comparison .mg-person{padding:0;border:0;border-radius:0}.mg-comparison tbody tr:hover,.mg-detail-table tbody tr:hover{background:#f8fbfd}.mg-root .mg-number{background:transparent;border:0;color:#176b60;min-width:44px;padding:4px;font-weight:700}.mg-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.mg-detail-heading h2{font-size:18px;margin:0}.mg-detail-heading .mg-filters{min-width:180px}.mg-detail-table{table-layout:fixed}.mg-detail-table td{overflow-wrap:anywhere}.mg-detail-table strong{font-weight:500}.mg-record-content summary{cursor:pointer;color:#176b60;padding:8px 0}.mg-record-content p{margin:0 0 6px;line-height:1.6}.mg-detail-table .tag:empty{display:none}
@media(max-width:760px){.mg-detail-heading{padding:12px}.mg-detail-heading .mg-filters{width:100%}.mg-detail-table,.mg-detail-table tbody,.mg-detail-table tr,.mg-detail-table td{display:block;width:auto}.mg-detail-table thead{display:none}.mg-detail-table tr{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;padding:10px 12px;border-bottom:1px solid #dfe7ed}.mg-detail-table td{padding:0;border:0;min-width:0}.mg-detail-table td::before{content:attr(data-label) '：';font-size:11px;color:#687d8f}.mg-detail-table .mg-detail-target,.mg-detail-table .mg-detail-business,.mg-detail-table .mg-detail-action{grid-column:1/-1}.mg-detail-table .mg-record-content{display:inline}.mg-detail-table .mg-record-content p{display:block}.mg-comparison{min-width:640px}.mg-overview-compact .mg-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.mg-board-filters .mg-toolbar{overflow-x:auto}.mg-board-filters .mg-people-filters{overflow:visible}}

.mg-detail-table{min-width:0}.mg-detail-table th,.mg-detail-table td{white-space:normal}.mg-comparison th{position:static}

@media(min-width:761px){.mg-detail-table th.mg-detail-action{width:130px}.mg-detail-table th.mg-detail-date{width:112px}.mg-detail-table th.mg-detail-owner{width:145px}.mg-detail-table th.mg-detail-status{width:92px}.mg-detail-table .mg-detail-date{white-space:nowrap}}

.mg-detail-summary h3{margin:0 0 10px;font-size:14px}.mg-detail-summary h3 small{font-weight:400;color:#65788d;margin-left:8px}.mg-detail-counters{display:flex;flex-wrap:wrap;gap:8px}.mg-detail-counters button{flex:1 1 150px;text-align:left;padding:8px 10px;background:#f8fbfd}.mg-detail-counters button span{display:block;font-size:12px}.mg-detail-counters button b{display:block;margin-top:4px;font-size:20px;color:#176b60}.mg-detail-counters button small{font-weight:400;font-size:12px}.mg-detail-counters button[aria-pressed=true]{border-color:#176b60;background:#edf7f5}.mg-detail-summary{margin-bottom:10px}

/* A single detail control needs only a narrow gutter, even in wide comparisons. */
.mg-root .mg-comparison .ng-action-cell{width:60px;min-width:60px;max-width:60px;text-align:center;padding:5px 8px}
@media(min-width:761px){
 .mg-root .mg-comparison th,.mg-root .mg-comparison td{padding-top:5px;padding-bottom:5px}
 .mg-root .mg-comparison .mg-person-role{margin-top:1px;line-height:1.35}
 .mg-root .mg-comparison .mg-person-more{width:32px;height:32px;min-height:32px;padding:0;font-size:18px;border:0;border-radius:0}
 .mg-root .mg-comparison .mg-number{min-height:32px}
}