/* Mobile controls reuse the live session's original nodes and server countdown. */
.mobile-live-dock{display:none}
@media(max-width:760px){
 body.mobile-live-controls{--mobile-controls-height:180px}
 .mobile-live-controls:not(.records-workspace-open) .app-main{padding-bottom:calc(var(--mobile-controls-height) + 20px)}
 .mobile-live-controls #translationWorkspaceView{scroll-padding-bottom:calc(var(--mobile-controls-height) + 16px)}
 .mobile-live-controls .stage>.control,.mobile-live-controls .live-feed-toolbar{display:none}
 .mobile-live-controls .mobile-live-dock{display:flex;flex-direction:column;gap:9px;position:fixed;z-index:45;inset:auto 0 0;margin:0;padding:11px max(14px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));border-top:1px solid var(--line);background:var(--surface);color:var(--text);box-shadow:0 -6px 24px #1610200b}
 .records-workspace-open .mobile-live-dock,.workspace-nav-open .mobile-live-dock,.mobile-live-keyboard .mobile-live-dock{visibility:hidden;pointer-events:none}
 .mobile-live-meter{display:flex;min-height:19px;align-items:center;gap:8px;font-size:11px;line-height:1.5;font-variant-numeric:tabular-nums;color:var(--muted)}
 .mobile-live-dock .mic-info{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:1;min-width:0;flex-wrap:wrap}
 .mobile-live-dock .mic-info .level,.mobile-live-dock .bars{display:none}
 .mobile-live-dock #timer{font-size:11px;color:var(--muted);margin:0;font-variant-numeric:tabular-nums}
 .mobile-live-dock #sessionRemaining{display:none;font-size:11px;line-height:1.5;font-weight:600;color:var(--text);white-space:normal;overflow-wrap:anywhere;text-align:right}
 .mobile-live-dock.has-session-allowance #sessionRemaining{display:inline}
 .mobile-live-dock:not(.is-busy) .mic-info{flex:0 0 auto;margin-left:auto}
 .mobile-live-dock.is-listening #timer::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:6px;vertical-align:middle}
 #mobileIdleUsage{min-width:0;overflow-wrap:anywhere}
 .mobile-live-actions{display:flex;align-items:stretch;gap:8px;min-width:0}
 .mobile-live-dock .mobile-live-actions button{margin:0;min-height:46px;border-radius:12px;font-size:13px;line-height:1.35;padding:10px 12px;justify-content:center;white-space:normal;overflow-wrap:anywhere;transform:none}
 .mobile-live-dock #start{flex:1;order:0;min-width:0}
 .mobile-live-dock #pauseLive{display:none;flex:1;min-width:0}
 .mobile-live-dock.is-busy #pauseLive{display:inline-flex;order:0;background:var(--accent);color:var(--on-accent,#fff);border-color:var(--accent)}
 .mobile-live-dock.is-busy #start{order:1;flex:.85;background:var(--surface);color:var(--text);border:1px solid var(--line);box-shadow:none}
 .mobile-live-dock #toggleMobileSettings{order:2;flex:0 0 auto;font-size:12px;padding-inline:11px;color:var(--muted);background:var(--surface)}
 .mobile-live-dock #toggleMobileSettings::before{width:16px;height:16px}
 .mobile-live-dock #notice{padding:0;margin:0;min-height:0;max-height:60px;overflow-y:auto;font-size:10px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}
 .mobile-live-settings{position:absolute;left:12px;right:12px;bottom:calc(100% + 8px);padding:16px;max-height:min(55dvh,360px);overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:17px;background:var(--surface);box-shadow:var(--shadow)}
 .mobile-settings-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:13px}
 .mobile-settings-heading button{min-height:40px;padding:8px;font-size:12px}
 .mobile-live-settings .input-strip{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:0}
 .mobile-live-settings .input-strip>label{display:flex;flex-direction:column;align-items:stretch;gap:8px;font-size:11px;max-width:100%}
 .mobile-live-settings .input-strip select{width:100%;max-width:100%;min-height:44px;font-size:16px;box-sizing:border-box}
 .mobile-live-settings #testAudio{align-self:flex-start;min-height:44px;padding:9px 12px;font-size:12px;border:1px solid var(--line);border-radius:9px}
 #mobileReadingSettings{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}
 .mobile-live-settings .caption-view{display:flex;flex-wrap:wrap;gap:4px}
 .mobile-live-settings .caption-view button{flex:1;min-height:44px;font-size:12px;white-space:normal}
 #mobileExtraSettings{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}
 .mobile-live-settings #mobileExtraSettings>:is(button,a){display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:44px;padding:9px 7px;font-size:12px;line-height:1.4;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);white-space:normal;box-shadow:none;transform:none}
 .mobile-live-controls.reading-focus .workspace,.mobile-live-controls.reading-focus.is-recording .workspace{height:calc(100dvh - var(--mobile-controls-height) - 20px);min-height:300px}
 .mobile-live-controls .live-feed{scroll-padding-bottom:20px}
 .mobile-live-controls .live-card{scroll-margin-bottom:calc(var(--mobile-controls-height) + 12px)}
}