/* Histogram-only distribution dashboard */
.bio-hist-section{padding-top:62px}
.bio-hist-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 13px}
.bio-hist-tab{appearance:none;background:#0b160b;border:1px solid #314b2b;border-radius:7px;color:#cbdac5;padding:12px 16px;display:inline-flex;align-items:center;justify-content:space-between;gap:19px;font-weight:670;font-size:13px;line-height:1.25;cursor:pointer;transition:background .15s,border-color .15s}
.bio-hist-tab:hover{background:#1b311a;border-color:#7cad70;color:#fff}
.bio-hist-tab:focus-visible{outline:2px solid #d0ffba;outline-offset:3px}
.bio-hist-tab[aria-selected="true"]{background:#213e1c;border:1px solid #89b978;color:#f2ffe9}
.bio-tab-count{font-size:11px;color:#9db995;letter-spacing:.04em}
.bio-hist-tab[aria-selected="true"] .bio-tab-count{color:#e0f6d7}
.bio-hist-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:11px 15px;background:#0a170a;border:1px solid #283c24;border-radius:8px;margin:0 0 19px;min-height:53px}
.bio-hist-toolbar button:disabled{opacity:.45;cursor:not-allowed}
.bio-hist-selection{font-size:12.5px;color:#bed5b1;margin:0;line-height:1.5;flex:1;min-width:190px}
.bio-hist-panel[hidden]{display:none !important}
.bio-hist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.bio-hist-card{min-width:0;background:linear-gradient(160deg,#101b0e,#070d07);border:1px solid #34512d;border-radius:11px;padding:23px 22px 19px}
.bio-hist-card-head{display:flex;justify-content:space-between;gap:10px;align-items:start}
.bio-hist-card-head h3{color:#eef9e7;font-size:clamp(19px,1.65vw,23px);margin:0 0 8px;line-height:1.3}
.bio-hist-desc{font-size:12.5px;line-height:1.55;color:#b6c9ae;min-height:41px;margin:0 0 8px;max-width:490px}
.bio-hist-plot{position:relative;width:100%;overflow:hidden}
.bio-hist-svg{display:block;width:100%;height:auto;overflow:visible;min-height:180px}
.bio-hist-svg .axis-text{font:12px system-ui,Arial,sans-serif;fill:#aabca2}
.bio-hist-svg .gridline{stroke:#344a31;stroke-width:1}
.bio-hist-svg .axis-line{stroke:#6c8665;stroke-width:1.3}
.bio-hist-svg .hist-bar{fill:#356b38;stroke:#77a879;stroke-width:0.55;transition:fill .12s,opacity .12s}
.bio-hist-svg .hist-bar:hover,.bio-hist-svg .hist-bar:focus{fill:#97d18a;stroke:#e0ffd6;outline:none;cursor:pointer}
.bio-hist-svg .hist-bar.hist-bar-selected{fill:#bfe6a5;stroke:#edffdd;stroke-width:1.3}
.bio-hist-svg .hist-bar.hist-bar-muted{opacity:.25}
.bio-hist-svg .hist-spot{fill:#a7eeb4;pointer-events:none}
.bio-hist-svg text{user-select:none}
.bio-hist-tooltip{position:absolute;z-index:3;pointer-events:none;padding:9px 12px;border:1px solid #8cb77c;background:#0d1a0e;color:#e2f8d8;border-radius:7px;box-shadow:0 8px 22px #0008;font-size:12px;max-width:230px;line-height:1.45}
.bio-hist-tooltip[hidden]{display:none}
.bio-hist-axis{text-align:center;color:#c8dac1;font-size:12px;margin:-1px 0 0}
.bio-hist-disclaimer{margin:18px 0 0;padding:12px 16px;border-left:2px solid #516f4b;background:#0a1209;color:#a7bca1;font-size:12px;line-height:1.6}
.bio-hist-panel[data-group-panel="mixing"] .bio-hist-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.bio-hist-panel[data-group-panel="mixing"] .bio-hist-card{display:flex;flex-direction:column}.bio-hist-panel[data-group-panel="mixing"] .bio-hist-desc{min-height:65px}.bio-hist-panel[data-group-panel="mixing"] .bio-hist-plot{margin-top:auto}
.bio-hist-panel[data-group-panel="dosing"] .bio-hist-grid{grid-template-columns:minmax(0,760px);justify-content:center}
@media(max-width:880px){.bio-hist-card{padding:18px 14px}.bio-hist-grid{gap:12px}}
@media(max-width:720px){.bio-hist-grid{grid-template-columns:1fr}.bio-hist-svg{min-height:0}.bio-hist-card{padding:20px 17px}.bio-hist-desc{min-height:0}.bio-hist-section{padding-top:51px}.bio-hist-selection{font-size:12px}.bio-hist-tabs{display:grid;grid-template-columns:1fr;gap:7px}.bio-hist-tab{width:100%;padding:11px 13px}.bio-hist-toolbar{gap:12px}}
@media(prefers-reduced-motion:reduce){.bio-hist-svg .hist-bar{transition:none}}

/* Balanced responsive histogram panels. Desktop: three equally sized mixing plots. */
@media(min-width:721px) and (max-width:1100px){.bio-hist-panel[data-group-panel="mixing"] .bio-hist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bio-hist-panel[data-group-panel="mixing"] .bio-hist-card:last-child{grid-column:1/-1;width:calc((100% - 17px)/2);justify-self:center}}
@media(min-width:721px) and (max-width:880px){.bio-hist-panel[data-group-panel="mixing"] .bio-hist-card:last-child{width:calc((100% - 12px)/2)}}
@media(max-width:720px){.bio-hist-panel[data-group-panel="mixing"] .bio-hist-grid{grid-template-columns:1fr}.bio-hist-panel[data-group-panel="mixing"] .bio-hist-card:last-child{grid-column:auto;width:auto}.bio-hist-panel[data-group-panel="mixing"] .bio-hist-desc{min-height:0}}