[data-user-hidden]{display:none!important}#dashboardOptionalSections{display:contents}.dashboard-customise,.chart-explorer-controls{padding:18px;border:1px solid var(--line,#29414e);border-radius:16px;margin:18px 0;background:var(--panel,#0c1d29)}.dashboard-customise summary{cursor:pointer;font-weight:700}.dashboard-preference-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}.dashboard-preference-list li{display:flex;align-items:center;gap:6px}.dashboard-preference-list label{flex:1}.dashboard-preference-list input{margin-right:10px}.dashboard-preference-list button{min-width:44px;min-height:44px}.chart-explorer-controls{display:flex;gap:12px;flex-wrap:wrap}.chart-explorer-controls p{width:100%;margin:0}.chart-explorer-controls label{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.chart-explorer-controls input{min-width:180px}.chart-cursor-values{font-size:.9rem;line-height:1.7;min-height:2em}.chart-selecting{touch-action:none;cursor:crosshair}.public-photo-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin:16px 0;max-width:640px}.public-photo-calendar button{min-height:44px;padding:8px}.public-photo-calendar button[data-has-photo=true]{border:2px solid #76c9ee}.public-photo-calendar button[aria-pressed=true]{background:#76c9ee;color:#07131f}.public-photo-calendar button:disabled{opacity:.4}.public-photo-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.public-archive-photo{display:block;max-width:100%;max-height:650px;object-fit:contain;border-radius:14px}.offline-banner{position:sticky;top:0;z-index:1200;background:#263748;color:#fff;padding:12px 18px;text-align:center;line-height:1.6;box-shadow:0 2px 10px #0005}.offline-banner[hidden],.public-archive-photo[hidden]{display:none}button[aria-busy=true]{cursor:progress}@media(max-width:600px){.dashboard-preference-list{grid-template-columns:1fr}.public-photo-calendar{gap:4px}.public-photo-calendar button{padding:4px}}

.public-photo-viewer{color:#edf6fc;background:#0c1d29;border:1px solid #3d5c70;border-radius:18px;padding:20px;max-width:min(900px,92vw);width:fit-content;max-height:90vh;overflow:auto;box-shadow:0 15px 65px #0009}.public-photo-viewer::backdrop{background:#03101dcc}.public-photo-viewer .public-photo-toolbar{justify-content:space-between}.public-photo-viewer .public-archive-photo{max-height:62vh;margin:12px auto}.public-photo-viewer a{display:inline-block;margin:12px 0;color:#76c9ee}.public-photo-viewer button{min-height:44px}.public-photo-viewer #publicPhotoImageRetry[hidden]{display:none}@media(max-width:600px){.public-photo-viewer{padding:14px;max-width:94vw}.public-photo-viewer .public-archive-photo{max-height:55vh}.public-photo-viewer h3{font-size:1rem}}

.chart-explorer-controls button { background:#132e3c;color:#ecf7fb;border:1px solid #355562;border-radius:10px;padding:10px 14px;min-height:44px;font:inherit;cursor:pointer; }
.chart-explorer-controls button:hover:not(:disabled) { background:#1c4152; }
.chart-explorer-controls button[aria-pressed=true] { border-color:#76c9ee;background:#224b5d; }
.chart-explorer-controls button:disabled { opacity:.45;cursor:default; }
.chart-explorer-controls button:focus-visible { outline:3px solid #76c9ee;outline-offset:3px; }
.footer-links a { display:inline-flex;align-items:center;min-height:44px;padding:5px 8px; }
.maintenance-chart-notes details summary { cursor:pointer; }

/* Keep cursor inspection from moving the charts as readings wrap or disappear. */
.chart-explorer-controls .chart-cursor-values {
  box-sizing: border-box;
  flex: 0 0 100%;
  min-width: 0;
  height: 5.1em;
  min-height: 5.1em;
  max-height: 5.1em;
  overflow: auto;
  overflow-wrap: anywhere;
  scrollbar-gutter: stable;
}
.chart-cursor-values:focus-visible { outline: 2px solid #76c9ee; outline-offset: 3px; }
@media (max-width: 600px) {
  .chart-explorer-controls .chart-cursor-values { height: 8.5em; min-height: 8.5em; max-height: 8.5em; }
}

/* Reserve the stable inspection area only after a time has been selected. */
.chart-explorer-controls .chart-cursor-values[data-empty="true"] {
  height: auto;
  min-height: 0;
  max-height: none;
  overflow: visible;
  scrollbar-gutter: auto;
}