@import url('./palette.css?v=mono-1');
/* Voice Lab uses an achromatic palette in both system appearances. */
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}main{max-width:1140px;margin:auto;padding:32px 28px}header,.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px}h1{font-size:22px;letter-spacing:-.55px;margin:0}h2{font-size:18px;margin:0}p{margin:6px 0;color:var(--muted)}header p{font-size:12px}button,select,textarea,input{font:inherit}button{background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:7px 11px;font-size:12px;cursor:pointer;white-space:nowrap}button:hover:enabled{background:var(--soft)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button.primary{background:var(--accent);color:var(--paper);border-color:var(--accent)}button.text-button{border:none;color:var(--accent);padding-left:0}.table-wrap{margin-top:24px}table{width:100%;border-collapse:collapse;table-layout:auto}th{text-align:left;font-size:11px;font-weight:500;color:var(--muted);padding:9px 12px;border-bottom:1px solid var(--line)}td{padding:13px 12px;border-bottom:1px solid var(--line);vertical-align:middle}th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{padding-right:0}.model-name{font-weight:550;font-size:13px}.model-sub{font-size:11px;color:var(--muted);margin-top:3px;max-width:420px;overflow-wrap:anywhere}.model-mobile{display:none}.type-col,.place-col{font-size:12px;color:var(--muted);white-space:nowrap}.price-col{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:70px}.actions-col{text-align:right;white-space:nowrap}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.row-actions button{border:0;padding:7px 8px}.row-actions .talk{border:1px solid var(--line)}.row-actions .missing{color:var(--muted)}.row-actions .playing{color:var(--accent);background:var(--soft)}.row-actions .more{font-size:18px;padding:0 6px}.footnote{font-size:11px;margin-top:15px}.selected-row td{border-bottom:0}.detail-row td{padding:0 0 16px;border-bottom:1px solid var(--line)}.row-detail,.live-panel{padding:14px 16px;background:var(--soft);border-radius:6px}.detail-head,.call-line{display:flex;align-items:center;gap:12px}.detail-head strong,.call-line strong{font-size:13px;margin-right:auto}.detail-head button{padding:2px 7px;border:0}.row-detail p{font-size:12px;max-width:700px}.detail-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:10px}.row-detail audio{height:32px;max-width:100%;margin-top:10px}.live-panel p{font-size:12px}.call-line #clock{font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted)}.speech-dot{display:inline-block;min-width:7px;width:7px;height:7px;border-radius:50%;background:var(--accent);opacity:.2;transition:opacity .1s}#liveMetrics{margin-top:8px;font-size:12px}.secondary-metric{color:var(--muted)}.transcript{font-size:12px;max-height:180px;overflow:auto}.transcript p{margin:5px 0}.hint{font-size:11px;line-height:1.55;color:var(--muted)}.error{color:var(--danger)!important}#pageNotice:empty{display:none}#pageNotice{font-size:12px;margin-top:12px}dialog{border:1px solid var(--line);border-radius:10px;padding:22px;background:var(--surface);color:var(--ink);width:min(680px,calc(100% - 30px));max-height:85vh;overflow:auto}dialog::backdrop{background:rgba(0,0,0,.35)}.settings-tabs{display:flex;gap:4px;margin:20px 0;border-bottom:1px solid var(--line);padding-bottom:10px}.settings-tabs button{border:0;color:var(--muted)}.settings-tabs button[aria-pressed=true]{background:var(--soft);color:var(--ink)}label{display:block;font-size:12px;margin:14px 0 6px}textarea,select,input[type=text],input[type=password]{display:block;width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);font-size:12px}textarea{resize:vertical}.sound-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}.sound-line label{margin:0}.sound-line input{width:100px}details{margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}summary{cursor:pointer;font-size:12px;color:var(--muted)}details p{font-size:12px}#saveGeneral{margin-top:18px}.provider-head{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.provider-head h3{font-size:13px;margin:0}.provider-head span{font-size:11px;color:var(--muted)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field-grid label{margin-top:8px}.check-line{display:flex;align-items:center;gap:8px;margin:18px 0 6px}.archive-tools{display:flex;gap:8px}.session{margin:16px 0;padding-top:15px;border-top:1px solid var(--line)}.sessionhead{display:flex;justify-content:space-between;gap:12px}.session h3{font-size:13px;margin:0}.session p,.sessionstats{font-size:11px}.session audio{width:100%;height:32px;margin:10px 0}.sessionstats{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted)}.ratings{display:flex;gap:8px}.ratings label{flex:1;font-size:10px}.notes{margin-top:8px}.delete{border:0;padding:0;color:var(--muted)}.router-item{font-size:12px;margin:10px 0}.router-item a,a{color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}
@media(max-width:760px){main{padding:22px 16px}h1{font-size:19px}.type-col,.place-col{display:none}.model-mobile{display:block;font-size:10px;color:var(--muted);margin-top:3px}.model-sub{max-width:190px}td,th{padding:12px 5px}.model-name{font-size:12px}.row-actions{gap:0;flex-wrap:wrap;max-width:140px}.row-actions button{font-size:11px;padding:5px 6px}.row-actions .talk{padding:5px 7px}.price-col{min-width:48px;font-size:12px}.row-actions .more{font-size:15px}.footnote{max-width:350px}.field-grid{grid-template-columns:1fr}dialog{padding:16px}.call-line{flex-wrap:wrap;gap:8px}.secondary-metric{display:block}.ratings{flex-wrap:wrap}}

.voice-plays{display:flex;align-items:center;gap:2px}.voice-plays button{min-width:35px;padding:7px 5px;font-variant-numeric:tabular-nums}.voice-plays button[aria-pressed="true"]{background:var(--soft);color:var(--accent)}

.placement-tabs{display:flex;gap:8px;margin:18px 0 8px}.placement-tabs button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}.call-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:10px 0}.call-controls button{font-size:13px;padding:7px 10px}.call-controls meter{width:90px;height:12px;margin-left:auto}.call-controls button[aria-pressed="true"]{color:var(--ink);background:var(--soft)}#micDevice{max-width:100%}

/* Native media, VAD meters and sliders must not reintroduce browser colours. */
input,select,textarea,meter,audio{accent-color:var(--accent)}
input[type=range],meter,audio{filter:grayscale(1)}
meter::-webkit-meter-bar{background:var(--line);border-color:var(--line)}
meter::-webkit-meter-optimum-value,meter::-webkit-meter-suboptimum-value,meter::-webkit-meter-even-less-good-value{background:var(--ink)}
meter::-moz-meter-bar{background:var(--ink)}
.error{font-weight:600}
::selection{background:var(--ink);color:var(--paper)}