:root{--mp-action-radius:12px}
html,body,html .mpt-header{font-family:var(--mp-ui-font)!important;font-optical-sizing:auto;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:var(--mp-ui-font)!important}
h1,h2,h3,.section-title{font-weight:650}
td,.metric-value,.platform-info,.mp-update-caption{font-variant-numeric:tabular-nums}
body .demo-banner:has(#data-banner-text),body .mp-system-banner{display:none!important}

/* Shared action styles, without changing links, table text buttons or navigation. */
html body button.mp-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 15px;border:1px solid #092142;border-radius:var(--mp-action-radius)!important;background:#0a1936;color:#e7eaf5;font-size:12px;font-weight:550;line-height:1.35;text-align:center;text-decoration:none;box-shadow:none;cursor:pointer;transition:background-color .14s,border-color .14s,box-shadow .14s}
html body button.mp-action.primary,html body button.mp-action.btn-primary,html body button.mp-action.mp-action-primary{background:#0297de;border-color:#0297de;color:#fff;font-weight:600;box-shadow:0 3px 10px #0297de1a}
html body button.mp-action:not(:disabled):hover{background:#0a1b3a;border-color:#0297de;filter:none}
html body button.mp-action.primary:not(:disabled):hover,html body button.mp-action.btn-primary:not(:disabled):hover,html body button.mp-action.mp-action-primary:not(:disabled):hover{background:#0297de;border-color:#8dd0f0}
html body button.mp-action.mp-action-danger:not(.mp-action-primary){color:#fff1ed;border-color:#092040;background:#0a1430}
html body button.mp-action.mp-action-danger:not(:disabled):hover{background:#0a1835;border-color:#8f4840}
html body button.mp-action:focus-visible{outline:2px solid #8dd0f0;outline-offset:3px}
html body button.mp-action:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}
html body button.mp-action[hidden]{display:none!important}
.mp-key-control button.mp-action{margin-top:7px;align-self:stretch}

/* Keep the full Overview chart visible on laptop-size screens. */
body.mpt-dashboard:has(#page-content.mp-overview-larger) .content{padding-top:22px}
body:has(#page-content.mp-overview-larger) .heading-row{margin-bottom:18px;gap:16px}
body:has(#page-content.mp-overview-larger) .heading-row h1{font-size:clamp(26px,2.6vw,32px);font-weight:650;letter-spacing:-.8px;margin:5px 0 6px}
html body #page-content.mp-overview-larger .metric{padding:16px 19px;min-height:112px}
html body #page-content.mp-overview-larger .metric-value{margin:12px 0 6px;font-size:clamp(21px,2.2vw,28px);font-weight:650}
html body #page-content.mp-overview-larger .section-grid{grid-template-columns:minmax(0,2.1fr) minmax(240px,1fr);gap:18px;margin-top:16px;align-items:stretch}
html body #page-content.mp-overview-larger .section-card{padding:18px 20px}
html body #page-content.mp-overview-larger .bars{height:var(--mp-overview-chart-height,clamp(140px,24vh,210px))!important;padding-top:16px;gap:10px;margin:10px 0 26px}
html body #page-content.mp-overview-larger .bar-day{font-size:11px;bottom:-23px}
html body #page-content.mp-overview-larger .section-title{font-size:15px;font-weight:600}
html body #page-content.mp-overview-larger .section-subtitle,html body #page-content.mp-overview-larger .legend span{font-size:11px}
html body #page-content.mp-overview-larger .platform-info{font-size:12px}
html body #page-content.mp-overview-larger .platform-row{margin-top:20px}
html body #page-content.mp-overview-larger .platform-row+.platform-row{margin-top:18px}
html body #page-content.mp-overview-larger .track{height:8px}
html body #page-content.mp-overview-larger .mp-chart-scroll{overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}
@media(min-width:900px){html body #page-content.mp-overview-larger .metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:959px){html body #page-content.mp-overview-larger .section-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){html body #page-content.mp-overview-larger .section-card{padding:16px}html body #page-content.mp-overview-larger .metric{padding:14px;min-height:106px}html body #page-content.mp-overview-larger .metric-value{font-size:22px}html body #page-content.mp-overview-larger .bars{height:var(--mp-overview-chart-height,160px)!important}html body button.mp-action{padding:10px 12px;min-height:40px;white-space:normal;max-width:100%}}
@media(prefers-reduced-motion:reduce){html body button.mp-action{transition:none}}