/* Glossary and transfers share the existing workspace palette and typography. */
.voice-page{max-width:1500px}
.sidebar{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d2d7c9 transparent}
.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-thumb{background:#d2d7c9;border-radius:5px}
.voice-intro{display:flex;gap:16px;align-items:center;padding:18px 21px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(110deg,#f6f7f1,#fff)}
.voice-intro-mark{width:45px;height:45px;display:grid;place-items:center;border:1px solid #dce2d3;background:white;border-radius:12px;color:var(--green);flex-shrink:0}
.voice-intro h2,.routing-summary h2{font-size:16px;font-weight:550;line-height:1.5}
.voice-intro p,.routing-summary p{font-size:12px;color:var(--muted);margin-top:5px;line-height:1.7}
.voice-intro>.tag{margin-left:auto;flex-shrink:0}
.glossary-panel{overflow:hidden}
.glossary-tools{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 20px;border-bottom:1px solid var(--line)}
.voice-search{display:flex;align-items:center;gap:9px;flex:1;max-width:360px;color:var(--muted)}
.voice-search .input{width:100%;min-width:0;border:0;background:transparent;box-shadow:none;padding:6px 0}
.voice-filters{display:flex;gap:3px;padding:3px;border-radius:7px;background:var(--soft)}
.voice-filter{padding:7px 10px;border-radius:5px;background:transparent;font-size:12px;color:var(--muted);white-space:nowrap}
.voice-filter.selected{background:white;color:var(--ink);box-shadow:0 1px 3px #22251114}
.glossary-column-head,.glossary-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1.6fr) 82px;gap:24px;align-items:center;padding:19px 22px}
.glossary-column-head{padding-top:11px;padding-bottom:11px;background:#fcfcf9;color:var(--muted);font-size:11px;border-bottom:1px solid var(--line)}
.glossary-column-head>span:last-child{text-align:center}
.glossary-row{border-bottom:1px solid var(--line);min-height:100px}
.glossary-term{display:flex;gap:13px;align-items:center;min-width:0}
.word-glyph{display:grid;place-items:center;width:38px;height:40px;flex:0 0 38px;border:1px solid var(--line);border-radius:8px;background:#fafbf7;color:#838975;font:16px Georgia,serif}
.shell .glossary-word{font-size:15px;color:var(--ink);font-weight:600;overflow-wrap:anywhere}
.glossary-term p{font-size:11px;color:var(--muted);margin-top:4px;line-height:1.5;overflow-wrap:anywhere}
.pronunciation-button{display:flex;flex-direction:column;gap:7px;text-align:left;background:none;border-radius:5px;min-width:0;padding:0}
.pronunciation-button>span{font-size:14px;color:#444940}
.pronunciation-button code{font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted);overflow-wrap:anywhere;white-space:normal;max-width:100%}
.glossary-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}
.voice-toggle{display:inline-flex;align-items:center}
.voice-toggle .switch-input{margin:0}
.word-paused .word-glyph{background:#f0f0ec;color:#8a8c83}
.word-paused .glossary-term,.word-paused .pronunciation-button{opacity:.65}
.glossary-count{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted);padding:13px 22px;background:#fcfcf9}
.voice-help-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.voice-help{display:flex;gap:12px;padding:3px 0}
.voice-help h3{font-size:12px;font-weight:550}
.voice-help p{font-size:12px;color:var(--muted);margin-top:5px;line-height:1.75}
.voice-help code{font-size:11px;color:var(--ink)}
.voice-help-number{color:#9a9e90;font-size:11px;line-height:1.9}
.voice-draft-note{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:11px;padding-top:2px}
.voice-draft-note .text-button{margin-left:auto;font-size:11px}
.ssml-examples{display:flex;gap:6px;flex-wrap:wrap;margin:2px 0 6px}
.voice-example{background:var(--soft);border:1px solid var(--line);border-radius:5px;padding:5px 8px;color:#5e6654;font-size:11px}
.voice-example:hover{border-color:#b3bea6;background:#f0f4e9}
.ssml-editor{font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;line-height:1.9!important;font-size:13px!important;background:#fbfcf8;tab-size:2}
.ssml-preview{padding:16px;border:1px solid var(--line);background:#fafbf7;border-radius:8px;font-size:12px}
.ssml-valid,.ssml-invalid{display:flex;gap:7px;align-items:flex-start;font-size:12px;line-height:1.7}
.ssml-valid{color:var(--green);margin-bottom:16px}
.ssml-invalid{color:var(--red)}
.ssml-preview .result-label{font-size:10px}
.ssml-reading{font-size:18px;line-height:1.7;margin:4px 0 9px;overflow-wrap:anywhere}
.voice-delete{color:var(--red);margin-right:auto}
.routing-summary{display:flex;justify-content:space-between;align-items:center;gap:15px}
.routing-kicker{font-size:9px;letter-spacing:.11em;color:var(--muted);display:block;margin-bottom:7px}
.routing-summary>.tag{flex-shrink:0}
.routing-canvas{padding:23px 24px 0;overflow:hidden;background-color:#fcfdf9;background-image:radial-gradient(#dce1d3 .7px,transparent .7px);background-size:15px 15px}
.routing-origin{display:flex;align-items:center;flex-direction:column}
.routing-start{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid var(--line-strong);border-radius:20px;background:white;font-size:11px}
.routing-down{font-size:18px;color:#a3ad96;line-height:31px}
.routing-agent{display:flex;align-items:center;gap:12px;border:1px solid #dfc0b1;border-radius:9px;padding:12px 24px;background:#fff8f2;box-shadow:0 3px 8px #80654f08}
.routing-agent-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--accent);color:white;font-size:27px;font-weight:200}
.routing-agent strong{display:block;font-size:13px;font-weight:550}
.routing-agent div>span{display:block;color:#877361;font-size:10px;margin-top:3px}
.routing-trunk{height:22px;width:1px;background:#b5bfaa}
.routing-column-head{display:grid;grid-template-columns:1fr 1.25fr 1.3fr;gap:50px;margin:0 0 9px;padding:9px 14px 0;font-size:9px;color:var(--muted);letter-spacing:.03em;border-top:1px solid #c9d1bd}
.routing-lanes{display:flex;flex-direction:column;gap:12px;padding:6px 0 20px}
.routing-lane{display:grid;grid-template-columns:minmax(130px,1fr) 24px minmax(160px,1.25fr) 24px minmax(190px,1.3fr);gap:10px;align-items:center;padding:10px;border:1px solid transparent;border-radius:10px;transition:border-color .15s,background .15s}
.routing-topic{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding-left:4px;min-width:0}
.routing-topic strong{font-size:12px;font-weight:500}
.routing-topic .tag{font-size:9px;padding:3px 5px;background:#f0f3e9}
.routing-edge{font-size:19px;color:#a3b194;text-align:center}
.routing-destination{display:flex;align-items:center;text-align:left;gap:10px;min-height:68px;min-width:0;padding:12px;border:1px solid #d5deca;border-radius:8px;background:#fff;box-shadow:0 2px 4px #3a4c2705}
.routing-destination:hover:not(:disabled){border-color:#869b70;box-shadow:0 2px 7px #3a4c2710}
.destination-icon{width:30px;height:30px;display:grid;place-items:center;background:#f1f5eb;border-radius:7px;color:#6a8057;flex-shrink:0}
.routing-destination>span:nth-child(2){flex:1;min-width:0}
.routing-destination strong{display:block;font-size:12px;font-weight:550;overflow-wrap:anywhere}
.routing-destination small{display:block;font-size:10px;margin-top:5px;color:#586d48;overflow-wrap:anywhere}
.routing-destination small>span{color:var(--muted)}
.routing-destination>.icon{color:#8c9681;width:12px}
.routing-outcomes{display:flex;flex-direction:column;gap:12px}
.routing-outcomes>div{display:flex;gap:8px;align-items:flex-start}
.outcome-dot{width:5px;height:5px;border-radius:50%;margin-top:5px;flex-shrink:0}
.outcome-dot.success{background:#73926a}.outcome-dot.fallback{background:#d5a379}
.routing-outcomes small{display:block;font-size:9px;color:var(--muted);line-height:1.5}
.routing-outcomes strong{display:block;font-size:11px;font-weight:500;margin-top:2px;line-height:1.5}
.route-paused{background:#f3f3ee99;border-style:dashed;border-color:#dcded4}
.route-paused .routing-destination,.route-paused .routing-outcomes{opacity:.6}
.route-highlight{border-color:#a5b88e;background:#eff5e8b8;box-shadow:0 0 0 2px #b8c8a61a}
.routing-default{display:flex;gap:9px;align-items:center;margin:0 -24px;padding:12px 24px;border-top:1px solid var(--line);background:#fafbf6;font-size:11px;color:var(--muted)}
.routing-simulator{padding:19px 22px}
.simulator-heading{display:flex;align-items:center;gap:11px;margin-bottom:18px}
.simulator-heading h2{font-size:13px;font-weight:550}
.simulator-heading p{font-size:11px;color:var(--muted);margin-top:3px}
.simulator-icon{width:34px;height:34px;background:var(--soft);border-radius:8px;display:grid;place-items:center;color:#788769}
.simulator-form{display:flex;align-items:flex-end;gap:14px}
.simulator-form>.field{flex:1;min-width:0}
.simulator-form .label{font-size:11px}.simulator-form>.btn{min-height:37px}
.simulation-result{margin-top:18px;padding:14px;border:1px solid #d5dfc9;border-radius:7px;background:#f6f9f0}
.simulation-result ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0;font-size:11px;font-weight:550}
.simulation-result li:not(:last-child):after{content:'→';margin-left:8px;color:#9cae8a}
.simulation-result p{font-size:11px;color:#68785b;line-height:1.7;margin-top:8px}
.voice-field-pair{display:grid;grid-template-columns:1.3fr 1fr;gap:15px}
.transfer-step-label{display:flex;gap:9px;align-items:center;font-size:13px;font-weight:550;margin-top:2px}
.transfer-step-label>span{display:grid;place-items:center;width:22px;height:22px;background:#f0f4e9;border:1px solid #dae3ce;border-radius:50%;font-size:10px;color:#6f815d}
@media(min-width:701px){.sidebar .sidebar-draft{margin-top:8px}.sidebar .nav-button{min-height:33px}.sidebar .nav-section{margin-bottom:12px}}
@media(max-width:1050px) and (min-width:701px){.glossary-column-head,.glossary-row{grid-template-columns:minmax(130px,1fr) minmax(180px,1.3fr) 70px;gap:12px;padding-left:16px;padding-right:16px}.routing-canvas{padding:20px 14px 0}.routing-lane{grid-template-columns:minmax(110px,1fr) 13px minmax(135px,1.2fr) 13px minmax(155px,1.2fr);gap:6px;padding:7px 3px}.routing-destination{gap:7px;padding:10px 7px}.destination-icon{display:none}.routing-column-head{gap:28px}.routing-default{margin:0 -14px;padding:12px 14px}.glossary-tools{padding:12px;gap:8px}.voice-filter{padding:6px}.voice-search{max-width:240px}.glossary-term{gap:8px}.word-glyph{display:none}}
@media(max-width:700px){
  .voice-page{gap:17px}.voice-intro{padding:15px;align-items:flex-start;gap:11px}.voice-intro-mark{width:33px;height:33px;border-radius:8px}.voice-intro-mark>.icon{width:20px}.voice-intro h2,.routing-summary h2{font-size:14px}.voice-intro p,.routing-summary p{font-size:12px}.voice-intro>.tag{display:none}
  .glossary-tools{padding:10px 14px;flex-direction:column;align-items:stretch;gap:5px}.voice-search{max-width:none}.voice-filters{align-self:flex-start}.glossary-column-head{display:none}.glossary-row{grid-template-columns:1fr auto;gap:13px;padding:18px 15px}.glossary-term{grid-column:1;grid-row:1}.glossary-row-actions{grid-column:2;grid-row:1}.pronunciation-button{grid-row:2;grid-column:1/-1;padding-left:51px}.pronunciation-button code{font-size:11px}.glossary-count{padding:12px 15px}.glossary-count>span{display:none}.voice-help-grid{grid-template-columns:1fr;gap:15px}.voice-draft-note{line-height:1.7}.voice-draft-note>.text-button{margin-left:23px}
  .routing-summary{flex-direction:column;align-items:flex-start;gap:10px}.routing-summary .tag{font-size:10px}.routing-canvas{padding:17px 15px 0}.routing-agent{padding:11px 15px}.routing-column-head{display:none}.routing-lane{grid-template-columns:1fr;gap:9px;padding:15px 12px;background:#ffffffd9;border:1px solid #e2e7da}.routing-topic{flex-direction:row;align-items:center;gap:8px;padding:0}.routing-edge{display:none}.routing-destination{padding:12px;min-height:64px}.routing-destination strong{font-size:13px}.routing-outcomes{padding:3px 3px 0 13px;border-left:1px solid #d4ddc8;margin-left:14px;gap:10px}.routing-outcomes small{font-size:10px}.routing-outcomes strong{font-size:12px}.routing-lanes{gap:13px}.routing-default{margin:0 -15px;padding:13px 15px;align-items:flex-start;line-height:1.7}.routing-simulator{padding:17px 15px}.simulator-form{flex-direction:column;align-items:stretch;gap:13px}.simulator-form>.btn{align-self:flex-start}.simulator-heading p{font-size:12px;line-height:1.6}.voice-field-pair{grid-template-columns:1fr}.route-highlight{background:#eff5e8;border-color:#9fb689}.voice-delete{margin-right:0}.drawer-footer:has(.voice-delete){flex-wrap:wrap}.drawer-footer:has(.voice-delete) .btn-primary{flex-basis:100%}
}
