/* SPDX-FileCopyrightText: 2026 LibreCode coop and contributors
   SPDX-License-Identifier: AGPL-3.0-or-later */
#coverage-trend {
  position: relative;
  border: 1px solid #d0d7de; border-radius: 8px;
  margin: 1.5rem 0; padding: 1rem;
}
#coverage-trend h2 { margin-top: 0; }
.coverage-controls { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; }
.coverage-controls label { display: flex; gap: .5rem; align-items: center; }
.coverage-controls select { background: #fff; color: #24292f; padding: .4rem; border: 1px solid #afb8c1; border-radius: 5px; }
.coverage-chart { width:100%; height: auto; max-height: 340px; overflow: visible; }
.coverage-grid { stroke: #eaeef2; stroke-width: 1; }
.coverage-axis { fill:#57606a; font-size:15px; }
.coverage-trend-line { fill:none; stroke:#0969da; stroke-width: 2; }
.coverage-dot { fill:#0969da; cursor: pointer; }
#trend-point-details { display: block; min-height: 1.5rem; }
#coverage-trend details {margin-top:1rem;}
#coverage-trend table {display:block;overflow-x:auto;max-height:360px;}
#coverage-trend p {line-height:1.5}
html[data-coverage-theme="dark"] #coverage-trend {background:#0d1117;border-color:#30363d;color:#e6edf3;}
html[data-coverage-theme="dark"] .coverage-controls select {background:#161b22;color:#e6edf3;border-color:#8b949e;}
html[data-coverage-theme="dark"] .coverage-grid {stroke:#30363d;}
html[data-coverage-theme="dark"] .coverage-axis {fill:#8b949e;}
html[data-coverage-theme="dark"] .coverage-trend-line {stroke:#58a6ff;}
html[data-coverage-theme="dark"] .coverage-dot {fill:#58a6ff;}

/* Observations are solid; carried-forward readings are dashed and not measurements. */
.coverage-carry-line {stroke:#9a6700;stroke-width:2.8;stroke-dasharray:7 5;fill:none;}
.coverage-update-line {stroke:#9a6700;stroke-width:1.5;stroke-dasharray:2 5;opacity:.7;}
.coverage-gap-hit {stroke:transparent;stroke-width:18;cursor:crosshair;pointer-events:stroke;}
.coverage-gap-hit:focus {stroke:#9a6700;stroke-width:12;opacity:.24;outline:none;}
.coverage-stale-detail {color:#7d4e00;font-weight:500;}
html[data-coverage-theme="dark"] .coverage-carry-line {stroke:#e3b341;}
html[data-coverage-theme="dark"] .coverage-update-line {stroke:#e3b341;}
html[data-coverage-theme="dark"] .coverage-gap-hit:focus {stroke:#e3b341;}
html[data-coverage-theme="dark"] .coverage-stale-detail {color:#e3b341;}

#trend-hover-tooltip:not([hidden]) {
  position: absolute; pointer-events: none; z-index: 10;
  max-width: 300px; padding: .5rem .7rem;
  border: 1px solid #afb8c1; border-radius: 6px;
  background: #fff; color: #24292f;
  box-shadow: 0 2px 10px rgba(0,0,0,.15);
  font-size: .85rem; line-height: 1.4;
}
html[data-coverage-theme="dark"] #trend-hover-tooltip:not([hidden]) {
  background: #161b22; color: #e6edf3; border-color: #8b949e;
}

#coverage-trend .coverage-legend {margin: .1rem 0 .5rem; color:#57606a;}
#coverage-trend .coverage-about {font-size:.85rem;color:#57606a;}
#coverage-trend .coverage-about p {margin:.5rem 0;}
html[data-coverage-theme="dark"] #coverage-trend .coverage-legend,
html[data-coverage-theme="dark"] #coverage-trend .coverage-about {color:#8b949e;}