/* Synthetic management report illustration. Uses the local marketing palette. */
.mg-dashboard{border:1px solid #d4e0d7;border-radius:13px;background:#fff;box-shadow:0 15px 45px -30px #173c3240;overflow:hidden;scroll-margin-top:95px}
.mg-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 24px;border-bottom:1px solid #e0e8e2;background:#f9fbf8}
.mg-wordmark{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:650;white-space:nowrap}.mg-wordmark img{width:13px;height:22px}.mg-wordmark>span{padding-left:16px;border-left:1px solid #d6e0d8;margin-left:8px;font-weight:400;color:var(--muted)}
.mg-period{font-size:11px;color:var(--muted);white-space:nowrap;border:1px solid #dce5dd;padding:7px 11px;border-radius:5px;background:#fff}
.mg-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:25px 0 23px;background:linear-gradient(120deg,#f2f7ef,#fbfcfa);border-bottom:1px solid #dfe8df}
.mg-metrics>div{padding:0 26px;min-width:0}.mg-metrics>div+div{border-left:1px solid #d8e4d8}.mg-metrics dt{font-size:12px;line-height:1.6;color:#53635b}.mg-metrics dd{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;font-size:37px;line-height:1.3;font-weight:650;letter-spacing:-.045em;margin:6px 0 0;color:#153b32;font-variant-numeric:tabular-nums}.mg-metrics dd span{font-size:11px;font-weight:400;letter-spacing:0;color:#67766c}
.mg-charts{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:0}.mg-charts figure{margin:0;padding:25px 25px 22px;min-width:0}.mg-services{border-left:1px solid #e1e8e2}
.mg-chart-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:17px}.mg-chart-heading h3{font-size:14px;line-height:1.5;font-weight:600;color:#153b32;letter-spacing:-.01em}.mg-chart-heading>span{font-size:10px;color:#6c7b71;white-space:nowrap}
.mg-week-chart{display:block;width:100%;height:auto;overflow:visible}.mg-grid line{stroke:#e4ebe5;stroke-width:1}.mg-grid text{font-family:inherit;font-size:11px;fill:#66776c}.mg-bar-track{fill:#f0f5ee}.mg-bar{fill:url(#mg-bar-fill)}.mg-day-label{font-size:12px;fill:#66776c;font-family:inherit}.mg-day-count{font-size:12px;font-weight:600;fill:#225940;font-family:inherit}
.mg-weekly figcaption{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;line-height:1.6;color:#66776c;margin-top:6px}.mg-inline-dot,.mg-legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#176b52;flex-shrink:0}
.mg-service-content{display:grid;grid-template-columns:minmax(115px,.85fr) minmax(0,1.15fr);gap:13px;align-items:center;min-height:205px}.mg-ring{width:100%;max-width:180px;justify-self:center}.mg-ring-total{font-size:35px;fill:#153b32;font-weight:650;letter-spacing:-1px;font-family:inherit}.mg-ring-label{font-size:12px;fill:#65766a;font-family:inherit}
.mg-service-legend{list-style:none;padding:0;margin:0;display:grid;gap:20px}.mg-service-legend li{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:start;gap:8px;font-size:11px;line-height:1.65;color:#53635b}.mg-legend-dot{background:var(--swatch);margin-top:5px}.mg-service-legend b{font-size:12px;color:#153b32;font-weight:600;font-variant-numeric:tabular-nums}
.mg-payment{border-top:1px solid #dfe8df}.management .mg-payment .payment-preview{background:#fbfcfa;padding:18px 24px;display:grid;grid-template-columns:minmax(130px,.8fr) minmax(150px,1fr) minmax(170px,1fr) auto;align-items:center;gap:20px;border:0;border-radius:0;min-width:0}
.mg-payment .panel-kicker{display:grid;grid-template-columns:16px 1fr;gap:2px 7px;align-items:center;margin:0}.mg-payment .panel-kicker .icon{width:15px;height:15px}.mg-payment .panel-kicker h3{font-size:11px;line-height:1.6}.mg-payment .panel-kicker>span{grid-column:2;font-size:10px;margin:0;white-space:normal;color:#728175}
.mg-payment .payment-person{margin:0;gap:9px}.mg-payment .payment-person .avatar{width:32px;height:32px;min-width:32px;font-size:12px}.mg-payment .payment-person b{font-size:12px}.management .mg-payment .payment-person div>span{font-size:10px;line-height:1.6}.mg-payment .payment-values{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0;padding:0}.mg-payment .payment-values dt{font-size:9px;line-height:1.7;white-space:normal}.mg-payment .payment-values dd{font-size:13px;line-height:1.6;margin-top:4px;font-weight:500}.mg-payment .recorded{margin:0;border:0;padding:0;font-size:10px;white-space:nowrap}.mg-payment .recorded .icon{width:12px;height:12px}.mg-note{margin-top:12px;font-size:10px}
@media(max-width:1150px){.mg-service-content{grid-template-columns:1fr;gap:10px;min-height:0}.mg-ring{max-width:137px}.mg-service-legend{gap:8px}.mg-charts figure{padding:22px}.management .mg-payment .payment-preview{grid-template-columns:minmax(110px,.8fr) minmax(140px,1fr) minmax(160px,1fr);gap:17px}.mg-payment .recorded{grid-column:2/-1;margin-top:-4px}.mg-metrics>div{padding-inline:22px}}
@media(max-width:760px){.mg-toolbar{padding:14px 18px}.mg-metrics{padding-block:20px}.mg-metrics>div{padding-inline:18px}.mg-metrics dt{font-size:11px}.mg-metrics dd{font-size:31px;display:block}.mg-metrics dd span{display:block;margin-top:3px;font-size:10px}.mg-charts{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.mg-charts figure{padding:20px 17px}.mg-chart-heading{display:block;margin-bottom:12px}.mg-chart-heading>span{display:block;margin-top:4px}.mg-weekly figcaption{text-align:center}.management .mg-payment .payment-preview{padding:18px;grid-template-columns:1fr 1.2fr}.mg-payment .payment-values{grid-column:2}.mg-payment .recorded{grid-column:1/-1;margin:0}.mg-payment .panel-kicker{align-self:start;grid-row:1/3}.mg-payment .payment-person{grid-column:2}}
@media(max-width:540px){.mg-dashboard{border-radius:9px}.mg-wordmark{font-size:11px;gap:7px}.mg-wordmark>span{display:none}.mg-period{font-size:9px;padding:6px 8px}.mg-toolbar{padding:13px 15px;gap:8px}.mg-metrics>div{padding:0 12px}.mg-metrics dt{font-size:10px;line-height:1.7;min-height:34px}.mg-metrics dd{font-size:29px;margin-top:5px}.mg-metrics dd span{font-size:9px}.mg-charts{grid-template-columns:minmax(0,1fr)}.mg-charts figure{padding:22px 17px}.mg-services{border-left:0;border-top:1px solid #e1e8e2}.mg-chart-heading{display:flex;align-items:center}.mg-chart-heading h3{font-size:13px}.mg-chart-heading>span{font-size:10px;margin:0}.mg-service-content{grid-template-columns:minmax(95px,.8fr) minmax(0,1.2fr);gap:15px;min-height:140px}.mg-ring{max-width:145px}.mg-service-legend{gap:14px}.mg-service-legend li{font-size:10px;gap:7px}.mg-service-legend b{font-size:11px}.mg-payment .payment-values dt{font-size:9px}.management .mg-payment .payment-preview{padding:18px 16px;gap:15px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.mg-payment .recorded{font-size:10px}.mg-weekly figcaption{font-size:9px}}
@media(max-width:800px) and (min-width:541px){.mg-charts{grid-template-columns:minmax(0,1fr)}.mg-services{border-left:0;border-top:1px solid #e1e8e2}.mg-service-content{grid-template-columns:minmax(130px,.8fr) minmax(0,1.2fr);max-width:530px;margin-inline:auto;gap:30px;min-height:175px}.mg-ring{max-width:160px}.mg-service-legend li{font-size:12px}.mg-chart-heading{display:flex}.mg-chart-heading>span{margin:0}}
@media(max-width:540px){.mg-grid text{font-size:17px}.mg-day-label,.mg-day-count{font-size:19px}}
@media(prefers-reduced-motion:no-preference){.mg-bar{transition:opacity .18s}.mg-week-chart g>g:hover .mg-bar{opacity:.75}}