/* System > Test calls & canary (admin-testcalls.js, docs/TEST_CALLS.md). */
.tc-actions { margin: 14px 0 6px; align-items: center; gap: 12px; flex-wrap: wrap; }
.tc-result { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--border); }
.tc-result-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }
.tc-result-head .sub { overflow-wrap: anywhere; }
.tc-tiles { margin: 10px 0; }
body.admin .tc-tiles .tile .v { font-size: 20px; overflow-wrap: break-word; }
body.admin .tc-tiles .tile.tc-long .v { font-size: 15px; font-weight: 800; }
body.admin #canaryTiles .tile .s { overflow-wrap: anywhere; }
.tile.tone-ok .v { color: var(--ok-text); }
.tc-warn { background: var(--warn-soft); color: var(--warn-text); border-radius: var(--radius-sm); padding: 8px 12px; margin: 8px 0; }
.tc-timeline { list-style: none; margin: 8px 0 0; padding: 0 0 0 4px; border-left: 2px solid var(--accent-soft); }
.tc-timeline li { position: relative; padding: 6px 0 6px 14px; display: flex; gap: 10px; flex-wrap: wrap; align-items: baseline; }
.tc-timeline li::before { content: ""; position: absolute; left: -7px; top: 12px; width: 10px; height: 10px; border-radius: 50%; background: var(--accent); }
.tc-timeline li[data-event="hangup"]::before { background: var(--muted); }
.tc-timeline li.tc-wait::before { background: var(--border-strong); }
.tc-off { min-width: 58px; color: var(--muted); }
.tc-label { font-weight: 700; }
.tc-row { cursor: pointer; }
.tc-chart-wrap { margin: 14px 0 6px; }
.tc-chart { width: 100%; height: auto; max-height: 220px; display: block; }
.tc-grid { stroke: var(--border); stroke-width: 1; }
.tc-axis { fill: var(--muted); font-size: 10px; font-family: var(--mono); }
.tc-line { fill: none; stroke: var(--call); stroke-width: 1.5; }
circle.tc-pass { fill: var(--ok); }
circle.tc-fail { fill: var(--bad); }
.tc-key { display: inline-block; width: 10px; height: 10px; border-radius: 50%; vertical-align: middle; }
.tc-key.tc-pass { background: var(--ok); }
.tc-key.tc-fail { background: var(--bad); }
.tc-reasons h3 { font-size: 14px; margin: 10px 0 4px; }
.tc-reasons ul { margin: 0; padding-left: 18px; }