/* cloud-glass: the existing monitor palette, scoped to the history page. */
body.xgs-page #monitor-mode{display:block!important;max-width:none;font-size:12px;line-height:1.7;margin-top:5px}
body.xgs-page #sync.muted{display:block}body.xgs-page .wrap{max-width:1360px!important}
.xgs-page #statistics-view{color:var(--ui-text,#213449)}
.xgs-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0 16px;flex-wrap:wrap}
.xgs-ranges{display:inline-flex;padding:4px;gap:4px;border:1px solid var(--ui-border,#dce5ed);border-radius:10px;background:var(--ui-panel,#fff)}
.xgs-ranges button{border:0;background:transparent;color:var(--ui-muted,#64758a);padding:8px 22px;min-height:38px;border-radius:7px;font-weight:700;font-size:14px}
body.xgs-page #statistics-view .xgs-ranges button[aria-pressed=true]{background:var(--ui-accent,#2563eb)!important;color:#fff!important}
html[data-xcm-color-scheme=dark] body.xgs-page #statistics-view .xgs-ranges button[aria-pressed=true]{color:var(--ui-panel,#112132)!important}
.xgs-period{font-size:12px;color:var(--ui-muted,#64758a);line-height:1.7}
.xgs-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.xgs-summary>div{border:1px solid var(--ui-border,#dce5ed);background:var(--ui-panel,#fff);border-radius:10px;padding:16px 20px;display:flex;flex-direction:column;gap:5px;min-width:0}
.xgs-summary strong{font-size:25px;font-variant-numeric:tabular-nums;line-height:1.25;letter-spacing:-.5px}
.xgs-summary small,.xgs-summary span{font-size:12px;color:var(--ui-muted,#64758a)}
.xgs-summary .xgs-normal strong{color:var(--ui-good,#087d5f)}.xgs-summary .xgs-abnormal strong{color:var(--ui-bad,#b54150)}
.xgs-note{font-size:12px;line-height:1.8;color:var(--ui-muted,#64758a);margin:10px 0 16px}
.xgs-note b{color:var(--ui-text,#213449);font-weight:600}
.xgs-state{padding:12px 16px;border:1px solid var(--ui-border,#dce5ed);border-radius:9px;margin:12px 0;font-size:13px;background:var(--ui-panel,#fff)}
.xgs-state[data-kind=warning]{border-color:var(--ui-warn,#926012);color:var(--ui-warn,#926012)}
.xgs-panel{border:1px solid var(--ui-border,#dce5ed);background:var(--ui-panel,#fff);border-radius:12px;overflow:hidden}
.xgs-filters{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid var(--ui-border,#dce5ed)}
.xgs-filters input[type=search]{flex:0 0 auto;width:250px;max-width:100%;border:1px solid var(--ui-border,#dce5ed);background:var(--ui-panel,#fff);color:inherit;padding:8px 10px;border-radius:7px;font-size:13px;min-height:36px}
.xgs-filters label{font-size:12px;display:flex;align-items:center;gap:6px}.xgs-filters input[type=checkbox]{accent-color:var(--ui-accent,#2563eb);width:14px;height:14px;min-height:0;padding:0;margin:0;flex:none}
.xgs-legend{margin-left:auto;display:flex;gap:14px;font-size:11px;color:var(--ui-muted,#64758a)}
.xgs-legend span{display:flex;align-items:center;gap:5px}.xgs-legend i{display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--ui-track-warn,var(--ui-warn,#e9bf68))}
.xgs-legend .ok{background:var(--ui-good,#087d5f)}.xgs-legend .bad{background:var(--ui-bad,#b54150)}
.xgs-row,.xgs-columns{display:grid;grid-template-columns:minmax(150px,1.05fr) 100px minmax(220px,1.7fr) minmax(195px,1.1fr);gap:20px;align-items:center;padding:14px 18px}
.xgs-columns{font-size:11px;background:var(--ui-panel,#f6f8fb);color:var(--ui-muted,#64758a);padding-block:9px;border-bottom:1px solid var(--ui-border,#dce5ed)}
.xgs-row{border-top:1px solid var(--ui-border,#dce5ed);min-height:74px}.xgs-row:first-child{border-top:0}
.xgs-identity,.xgs-rate,.xgs-counts{min-width:0;display:flex;flex-direction:column;gap:5px}
.xgs-identity strong{font-size:13px;overflow-wrap:anywhere}.xgs-identity small,.xgs-rate small,.xgs-counts small{font-size:10px;color:var(--ui-muted,#64758a);line-height:1.6}
.xgs-rate strong{font-size:19px;font-variant-numeric:tabular-nums}.xgs-counts{font-size:11px}.xgs-counts b{font-variant-numeric:tabular-nums;font-weight:600}
.xgs-history{min-width:0}.xgs-timeline{display:flex;width:100%;gap:3px;border:0!important;background:transparent!important;padding:5px 0!important;min-height:28px;cursor:pointer;border-radius:3px}
.xgs-tick{flex:1;min-width:0;height:16px;border-radius:2px;background:linear-gradient(to top,var(--ui-good,#087d5f) 0 var(--ok),var(--ui-bad,#b54150) var(--ok) var(--recorded),var(--ui-track-warn,var(--ui-warn,#e9bf68)) var(--recorded) 100%)}
.xgs-timeline:hover .xgs-tick{filter:brightness(.92)}.xgs-axis{display:flex;justify-content:space-between;font-size:9px;color:var(--ui-muted,#64758a);gap:8px;font-variant-numeric:tabular-nums}
.xgs-media-note{font-size:11px;line-height:1.7;color:var(--ui-muted,#64758a)}.xgs-media .xgs-rate strong{font-size:13px;font-weight:500;color:var(--ui-muted,#64758a)}
.xgs-results{margin:12px 0;font-size:11px;color:var(--ui-muted,#64758a)}.xgs-empty{padding:44px 16px;text-align:center;font-size:13px;color:var(--ui-muted,#64758a)}
.xgs-page button:focus-visible,.xgs-page input:focus-visible{outline:3px solid var(--ui-accent,#2563eb);outline-offset:3px}
#statistics-detail{width:min(760px,calc(100vw - 32px));max-height:80vh;background:var(--ui-panel,#fff);color:var(--ui-text,#213449);border:1px solid var(--ui-border,#dce5ed);border-radius:12px;padding:20px}
#statistics-detail::backdrop{background:#14283d70}#statistics-detail .head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:8px}#statistics-detail h2{font-size:16px;margin:0}#statistics-detail p{font-size:12px;color:var(--ui-muted,#64758a)}
.xgs-detail-scroll{overflow:auto;max-height:55vh}.xgs-detail-scroll table{width:100%;font-size:12px;border-collapse:collapse}.xgs-detail-scroll th,.xgs-detail-scroll td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--ui-border,#dce5ed);white-space:nowrap}.xgs-detail-scroll thead{position:sticky;top:0;background:var(--ui-panel,#fff)}
@media(max-width:1000px){.xgs-row,.xgs-columns{grid-template-columns:minmax(130px,1fr) 88px minmax(200px,1.7fr);gap:14px}.xgs-counts{grid-column:3}.xgs-columns span:last-child{display:none}.xgs-row{padding-block:12px}.xgs-history{grid-row:span 2}.xgs-counts{grid-row:3;grid-column:1/-1;flex-direction:row;justify-content:space-between}.xgs-rate{align-self:start}.xgs-summary>div{padding:14px}}
@media(max-width:640px){body.xgs-page .jk-page-heading{gap:10px!important;align-items:flex-start!important}body.xgs-page .jk-page-heading>.clock{max-width:46%!important;flex-basis:46%!important}body.xgs-page h1{font-size:23px!important}body.xgs-page #monitor-mode{font-size:10px;max-width:165px}.xgs-toolbar{gap:10px;margin-top:14px}.xgs-ranges button{padding:7px 22px}.xgs-period{font-size:11px;width:100%}.xgs-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.xgs-summary>div{padding:13px 12px}.xgs-summary strong{font-size:23px}.xgs-summary small{font-size:10px}.xgs-note{font-size:11px}.xgs-filters{padding:12px;gap:12px}.xgs-filters input[type=search]{width:100%}.xgs-filters>label{margin-right:auto}.xgs-legend{gap:9px;font-size:10px;margin-left:0}.xgs-columns{display:none}.xgs-row{grid-template-columns:minmax(0,1fr) auto;padding:14px 12px;gap:10px 12px}.xgs-rate{text-align:right;grid-column:2}.xgs-history{grid-column:1/-1;grid-row:2}.xgs-counts{grid-row:3;display:flex;flex-direction:column;gap:3px}.xgs-tick{height:18px}.xgs-timeline{gap:3px}.xgs-identity strong{font-size:13px}.xgs-axis{font-size:9px}.xgs-media .xgs-history{grid-row:2}.xgs-results{font-size:10px}#statistics-detail{padding:12px}}
@media(prefers-reduced-motion:reduce){.xgs-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:600px){html body #xcm-unified-nav .xcm-unified-inner>a[data-jk-view],html body #xcm-unified-nav .xcm-unified-inner>a[data-xcm-page=price]{padding-inline:4px!important}html body #xcm-unified-nav .xcm-unified-inner>a[data-jk-view] .xcm-nav-icon,html body #xcm-unified-nav .xcm-unified-inner>a[data-xcm-page=price] .xcm-nav-icon{display:none!important}}

/* One monitor page, with its only range selector directly below the heading. */
.xgm-time-ranges{display:flex;align-items:center;gap:4px;margin-top:12px;padding:3px;border:1px solid var(--ui-line,#dce5ee);border-radius:9px;background:var(--ui-panel,#fff);width:max-content;max-width:100%}
.xgm-time-ranges[hidden]{display:none!important}
body.xgm-page #monitor-mode{display:none!important}
.xgm-time-ranges button{min-height:32px;padding:5px 15px;border:0!important;border-radius:6px;font:inherit;font-size:13px;line-height:20px;white-space:nowrap;background:transparent!important;color:var(--ui-muted,#60748a)!important;cursor:pointer}
.xgm-time-ranges button[aria-pressed=true]{background:var(--ui-accent,#2563eb)!important;color:#fff!important}
.xgm-time-ranges button:focus-visible{outline:2px solid var(--ui-accent,#2563eb);outline-offset:2px}
html[data-xcm-color-scheme=dark] .xgm-time-ranges button[aria-pressed=true]{color:var(--ui-panel,#112132)!important}
@media(max-width:600px){.xgm-time-ranges{margin-top:10px}.xgm-time-ranges button{padding-inline:12px}}

/* Match the compact status bars in the two-hour view. */
body.xgm-page .xgs-timeline{max-width:240px;gap:3px}
body.xgm-page .xgs-tick{height:22px;border-radius:1px}
body.xgm-page .xgs-axis{max-width:240px}