/* Voice section (voice.billgosling.ai). Loads after heritage-shell.css and ecom.css.
   Reuses the .shop frame and .listing panel from ecom.css and adds call console plates:
   transcript (.tx), waveform (.wave), signal chips (.sig), scorecard (.qa) and flow (.flow). */

/* status chips used inline (not pinned to a card corner) */
.sig{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}
.sig .st{position:static;display:inline-block;}

/* call header live indicator */
.listing .lh .rec{display:inline-flex;align-items:center;gap:6px;color:#b3261e;font-weight:700;}
.listing .lh .rec i{width:7px;height:7px;border-radius:50%;background:#e03a2f;animation:vrec 1.4s ease-in-out infinite;}
@keyframes vrec{50%{opacity:.25;}}

/* waveform */
.wave{display:flex;align-items:center;gap:3px;height:34px;padding:0 2px;margin:4px 0 8px;}
.wave i{flex:1;min-width:2px;border-radius:2px;background:var(--ink);height:30%;animation:vwave 1.2s ease-in-out infinite;}
.wave i:nth-child(3n){animation-delay:-.3s;background:var(--amber);}
.wave i:nth-child(4n){animation-delay:-.6s;}
.wave i:nth-child(5n){animation-delay:-.9s;height:60%;}
.wave i:nth-child(7n){animation-delay:-.45s;height:80%;}
@keyframes vwave{0%,100%{transform:scaleY(.45);}50%{transform:scaleY(1.25);}}
@media (prefers-reduced-motion: reduce){.wave i,.listing .lh .rec i{animation:none;}}

/* transcript */
.tx{display:flex;flex-direction:column;gap:7px;}
.tx .ln{display:grid;grid-template-columns:64px 1fr;gap:8px;align-items:start;font-family:var(--sans);font-size:11.5px;line-height:1.45;}
.tx .ln .who{font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--on-paper-dim);padding-top:2px;}
.tx .ln p{margin:0;padding:7px 10px;border-radius:9px;background:#f4f4f4;color:var(--ink);}
.tx .ln.ag p{background:var(--ink);color:var(--on-dark);border-bottom-left-radius:2px;}
.tx .ln.ag .who{color:var(--amber);}
.tx .ln.cu p{background:#fff8dc;border-bottom-left-radius:2px;}
.tx .ln.hu p{background:var(--gold);color:var(--ink);font-weight:600;}
.tx .ln.sys{grid-template-columns:1fr;}
.tx .ln.sys span{font-family:var(--mono);font-size:9.5px;color:var(--on-paper-dim);border-left:2px solid var(--gold);padding:2px 0 2px 8px;}
.tx .ln.sys span b{color:var(--ink);}
.tx .ln.sys.hold span{border-color:var(--orange);color:#9a4a00;}

/* two-pane assist layout: transcript left, suggestion card right */
.assist{display:grid;grid-template-columns:1.25fr 1fr;gap:12px;}
.assist .card{border:1.5px solid var(--ink);border-radius:9px;padding:10px;font-family:var(--sans);font-size:11px;line-height:1.45;}
.assist .card h5{font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--amber);margin:0 0 6px;font-weight:700;}
.assist .card p{margin:0 0 6px;}
.assist .card ul{margin:0;padding-left:16px;}
.assist .card+.card{margin-top:8px;}
.assist .card.gold{background:var(--gold);border-color:var(--gold);}
.assist .card.gold h5{color:var(--ink);}
@media(max-width:640px){.assist{grid-template-columns:1fr;}}

/* scorecard */
.qa{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:10.5px;color:var(--ink);}
.qa th{text-align:left;font-weight:400;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--on-paper-dim);padding:0 8px 8px;}
.qa td{padding:7px 8px;border-top:1px solid var(--line-paper);vertical-align:middle;}
.qa td.t{font-family:var(--sans);font-weight:700;font-size:11px;}
.qa .bar{display:block;height:6px;border-radius:3px;background:#eee;overflow:hidden;min-width:60px;}
.qa .bar i{display:block;height:100%;background:var(--ink);}
.qa .pass{color:#1f7a3a;font-weight:700;}
.qa .fail{color:var(--amber);font-weight:700;}
.qa tr.hl td{background:#fff8dc;}

/* flow (agent task canvas, simplified) */
.flow{display:flex;flex-direction:column;gap:6px;font-family:var(--mono);font-size:10px;}
.flow .node{display:flex;justify-content:space-between;gap:8px;align-items:center;border:1.5px solid var(--ink);border-radius:8px;padding:8px 10px;background:#fff;}
.flow .node b{font-family:var(--sans);font-size:11px;}
.flow .node.gate{border-color:var(--orange);background:#fff4e5;}
.flow .node.done{background:var(--gold);border-color:var(--gold);}
.flow .edge{align-self:center;width:2px;height:10px;background:var(--ink);}
.flow .fork{display:grid;grid-template-columns:1fr 1fr;gap:6px;}

/* metrics mini row inside a plate */
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px;}
.kpis div{background:#f4f4f4;border-radius:8px;padding:8px;font-family:var(--mono);}
.kpis b{display:block;font-size:16px;color:var(--ink);}
.kpis span{font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--on-paper-dim);}
@media(max-width:640px){.kpis{grid-template-columns:repeat(2,1fr);}}

/* glossary */
.gloss{display:grid;grid-template-columns:repeat(2,1fr);gap:0 48px;margin-top:40px;}
.gloss dt{font-family:'Special Elite',ui-monospace,monospace;font-size:20px;padding-top:22px;border-top:1px solid var(--ink);scroll-margin-top:90px;}
.gloss dd{margin:8px 0 26px;font-size:15px;line-height:1.6;color:var(--on-paper-dim);}
.gloss-index{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px;}
.gloss-index a{font-family:var(--mono);font-size:12px;border:1.5px solid var(--ink);border-radius:100px;padding:5px 12px;}
.gloss-index a:hover{background:var(--gold);}
@media(max-width:760px){.gloss{grid-template-columns:1fr;}}

/* honesty tag for capabilities not yet generally available */
.pilot{display:inline-block;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;
  background:var(--ink);color:var(--gold);padding:3px 8px;border-radius:100px;vertical-align:middle;margin-left:6px;}
.sec-dark .pilot{background:var(--gold);color:var(--ink);}

/* inside a two-column section the assist plate stacks, and speaker labels sit above bubbles */
.assist .tx .ln{grid-template-columns:1fr;gap:3px;}
@media(max-width:1180px){.secfig .assist{grid-template-columns:1fr;}}

/* a pilot tag inside a checklist title must not pick up the .checks li span block styles */
.checks li b .pilot,.sec-dark .checks li b .pilot{display:inline-block;grid-column:auto;margin:0 0 0 6px;font-family:var(--mono);font-size:10px;line-height:1.4;}
.checks li b .pilot{background:var(--ink);color:var(--gold);}
.sec-dark .checks li b .pilot{background:var(--gold);color:var(--ink);}