/* The live view inherits the review page's map, control, navigation, module and chart surfaces. */
.live-domestic { color:#626974; }
.live-domestic .map path.chosen:not(.covered) { fill:#d6e4ef; stroke:#3287c8; }
.live-domestic .coverage tr { cursor:pointer; }
.live-domestic .coverage td:last-child { color:#8c98a5; }
.live-coverage-status { display:block; font-size:11px; color:#8c98a5; }
.live-coverage-note { margin:10px 0 0; }
.live-domestic .overview-summary strong { font-size:18px; }
.live-domestic .module { min-height:0; }
.live-note { margin:12px 0 22px; color:#8c98a5; font-size:13px; }
.live-inner-note { margin:0 24px 22px; }
.live-state { min-height:180px; text-align:center; padding:60px 20px; background:#fff; margin-bottom:22px; }
.live-state p { color:#888; }
.live-status { display:flex; gap:18px; flex-wrap:wrap; padding:24px; }
.live-status>div { min-width:160px; padding:18px 24px; background:#edf5fc; }
.live-status strong,.live-status b { display:block; font-weight:400; }
.live-status b { margin-top:8px; font-size:24px; color:#3287c8; }
.live-bars { padding:20px 28px 35px; }
.live-bars>div { display:flex; align-items:center; gap:12px; margin:10px 0; }
.live-bars span { width:140px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.live-bars i { display:block; max-width:65%; height:22px; background:#cfe6fa; }
.live-bars b { font-weight:400; color:#3287c8; white-space:nowrap; }
.live-category-combo { display:grid; grid-template-columns:34% 66%; gap:10px; align-items:center; padding:35px 28px 50px; }
.live-category-combo>div:first-child { text-align:center; }
.live-category-pie { width:min(290px,85%); aspect-ratio:1; border-radius:50%; margin:auto; }
.live-category-bars { height:360px; display:flex; align-items:end; gap:5px; overflow-x:auto; padding-bottom:48px; border-bottom:1px solid #ddd; }
.live-category-bars>div { min-width:52px; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:end; position:relative; }
.live-category-bars i { display:block; width:70%; min-height:2px; background:#d1e7fb; order:2; }
.live-category-bars b { color:#3287c8; font-weight:400; order:1; font-size:11px; white-space:nowrap; }
.live-category-bars span { position:absolute; top:100%; margin-top:7px; transform:rotate(45deg); transform-origin:left top; white-space:nowrap; font-size:11px; }
.live-agency { width:calc(100% - 48px); margin:22px 24px; border-collapse:collapse; }
.live-agency th,.live-agency td { padding:12px; text-align:left; border-bottom:1px solid #e5eaef; }
@media(max-width:700px){.live-category-combo{display:block}.live-category-bars{margin-top:30px}}