/* Comlink voice is a document singleton; these controls are merely its view. */
.um-comlink{width:100%;max-width:1200px;margin:0 auto;padding:18px;box-sizing:border-box;color:var(--text,#edf7ee)}
.um-comlink-hero{display:flex;justify-content:space-between;gap:18px;align-items:center;background:#101f1d;border:1px solid #3c6254;border-radius:13px;padding:22px 26px;margin-bottom:18px}
.um-comlink-hero h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1;margin:7px 0 12px;color:#f4f7ec}.um-comlink-hero p{margin:0;color:#d3e1d9}
.um-comlink-hero strong{max-width:40%;overflow-wrap:anywhere;color:#a5e6c7}.um-eyebrow{font-weight:750;letter-spacing:.13em;font-size:.77rem;color:#67d9b0}
.um-comlink-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
.um-table-first{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px;padding:18px 22px;border:2px solid #f2c568;border-radius:12px;background:#332a15;color:#fff0c9}
.um-table-first h2{font-size:1.2rem;line-height:1.3;margin:0 0 8px}.um-table-first p{line-height:1.5;margin:0;max-width:70ch}.um-table-first .btn{flex-shrink:0;min-height:44px}
.um-table-first.is-ready{border-color:#42b98a;background:#102e23;color:#ddfff0}
@media(max-width:680px){.um-table-first{flex-direction:column;align-items:stretch;padding:16px}.um-table-first .btn{align-self:flex-start}}
.um-comlink-panel{min-width:0;border-radius:13px;border:1px solid #3d675b;background:#182a29;padding:22px 24px;box-sizing:border-box}
.um-comlink-panel h2{font-size:1.3rem;margin:0 0 12px}.um-comlink-panel h3{margin:18px 0 12px}
.um-comlink-panel p{line-height:1.5}.um-comlink-panel #um-audio-status{min-height:46px;color:#b7e6cd;font-weight:650}
.um-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 14px}.um-buttons .btn{min-height:38px}
.um-field{display:flex;flex-direction:column;gap:7px;margin-top:18px;font-weight:700}.um-field select{width:100%;min-width:0}
.um-note{font-size:.88rem;color:#c2d5cd;line-height:1.5}.um-mic-meter{height:16px;border-radius:9px;border:1px solid #608676;background:#0c1714;overflow:hidden}.um-mic-meter span{display:block;height:100%;width:0%;background:linear-gradient(90deg,#37b87e,#b7dc65);transition:width .09s}
.um-peer-list{list-style:none;display:flex;flex-direction:column;gap:8px;padding:0;margin:0}.um-peer-list li{padding:9px 10px;background:#112321;border-radius:8px;display:flex;justify-content:space-between;gap:12px}.um-peer-list span{color:#9fe3c4;font-size:.85rem}
.um-peer-list li{flex-wrap:wrap;align-items:center}.um-peer-summary{display:flex;flex:1 1 160px;flex-direction:column;gap:3px;min-width:0}
.um-peer-name{overflow-wrap:anywhere}.um-peer-volume{display:grid;grid-template-columns:auto minmax(85px,1fr) auto;align-items:center;gap:10px;flex:1 1 220px;font-size:.88rem;min-width:0}
.um-peer-volume input{width:100%;min-width:65px;accent-color:#68e3ad}.um-peer-volume output{min-width:4ch;text-align:right;font-variant-numeric:tabular-nums;color:#bcf9da;font-weight:700}
@media(max-width:470px){.um-peer-volume{flex-basis:100%;grid-template-columns:1fr 3fr auto}}
/* COMLINK in the top banner: no fixed positioning, overlays or tab obstruction. */
.um-comlink-header-slot:empty{display:none}
.topbar.um-comlink-banner-live .program-title{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 10px;white-space:normal;overflow:visible;min-width:0}
.topbar.um-comlink-banner-live .program-title>span{flex:0 0 auto}
#um-comlink-dock{position:static;z-index:auto;flex:0 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:0;max-width:100%;background:#174636;color:#f2fff7;border:1px solid #6c9f83;box-shadow:none;padding:4px 6px;border-radius:8px;box-sizing:border-box}
#um-comlink-dock[hidden]{display:none!important}
#um-comlink-dock span{font-size:.75rem;font-weight:750;white-space:nowrap}
#um-comlink-dock button{background:#285945;color:#fff;border:1px solid #8fc9af;border-radius:6px;padding:5px 8px;min-height:30px;cursor:pointer;font:inherit;font-size:.75rem;white-space:nowrap}
#um-comlink-dock button:hover{background:#356e54}
#um-comlink-dock button:focus-visible{outline:2px solid #a9f5cc;outline-offset:2px}
.table-access-bar.um-comlink-banner-live{flex-wrap:wrap;column-gap:12px;row-gap:4px}
.table-access-bar.um-comlink-banner-live #um-comlink-header-slot{display:flex;align-items:center;justify-content:center;min-width:0;flex:1 1 auto}
@media(max-width:1120px){
 .topbar.um-comlink-banner-live{grid-template-columns:minmax(0,1fr) minmax(0,auto);grid-template-areas:'brand tools' 'comlink comlink'}
 .topbar.um-comlink-banner-live .brand{grid-area:brand}
 .topbar.um-comlink-banner-live .program-title{grid-area:comlink}
 .topbar.um-comlink-banner-live .toolbar{grid-area:tools}
}
@media(max-width:600px){
 .table-access-bar.um-comlink-banner-live #um-comlink-header-slot{flex:1 1 100%;order:3}
 .table-access-bar.um-comlink-banner-live #um-comlink-dock{margin:0 auto}
}
@media(max-width:520px){
 .topbar.um-comlink-banner-live{grid-template-columns:minmax(0,1fr);grid-template-areas:'brand' 'comlink' 'tools'}
 .topbar.um-comlink-banner-live .toolbar{justify-content:center}
 #um-comlink-dock{gap:5px;padding:3px 5px;flex-wrap:wrap}
}
@media print{#um-comlink-dock{display:none!important}}