/* Keep the shared client surfaces; only adapt actions owned by the browser. */
.browser-client #app { position: fixed; inset: 0; overflow: clip; contain: paint; }
.browser-client [data-window-action="minimize"],
.browser-client [data-window-action="close"],
.browser-client #classic-character-picker,
.browser-client #local-tts-settings,
.browser-client #erase-data { display: none !important; }
.browser-client .browser-experience-entry { align-self: center; margin-top: 12px; }
.browser-client .login-form > .text-button { min-height: 40px; padding: 6px 0; color: var(--emerald); font-size: 15px; }
.browser-client .login-form > .text-button:hover:not(:disabled),
.browser-client .login-form > .text-button:focus-visible { color: var(--emerald); text-decoration: underline; text-underline-offset: 4px; }
.browser-client .login-form > .text-button:disabled { color: var(--muted); cursor: not-allowed; }
.browser-client .browser-session-note { padding: 8px 12px; margin: 0; font-size: 12px; opacity: .7; }
.browser-client #experience-login[hidden], .browser-client #login-form[hidden] { display: none; }
.experience-mode [data-tab="memory"], .experience-mode #knowledge-evidence,
.experience-mode #knowledge-manage, .experience-mode #knowledge-check { display: none !important; }
.broadcast-mode [data-tab="memory"], .broadcast-mode [data-tab="tasks"],
.broadcast-mode #knowledge-evidence, .broadcast-mode #knowledge-manage,
.broadcast-mode #knowledge-check, .broadcast-viewer #panel-btn,
.broadcast-viewer #logs-btn, .broadcast-viewer #mute-btn, .broadcast-viewer #ptt-btn { display: none !important; }
.broadcast-controls:not([hidden]) { position: absolute; z-index: 5; bottom: 116px; left: 50%; transform: translateX(-50%);
  display: flex; align-items: center; flex-wrap: wrap; justify-content: center; gap: 10px; width: min(660px, calc(100% - 32px)); }
.broadcast-controls span { color: var(--muted); font-size: 12px; max-width: 100%; overflow-wrap: anywhere; }
@media (max-width: 640px) {
  .browser-client .login-screen { overflow-y: auto; }
  .browser-client .login-topbar { height: 88px; padding-left: 24px; }
  .browser-client .login-form { position: relative; left: auto; top: auto; transform: none;
    width: calc(100% - 48px); max-width: 450px; margin: 128px auto 36px; }
  .browser-client .side-panel { max-width: calc(100vw - 24px); }
  .browser-client .topbar { gap: 8px; padding-left: 14px; padding-right: 14px; }
  .browser-client .top-actions { gap: 5px; }
  .browser-client #record-btn, .browser-client .brand-lockup small { display: none; }
}

/* 开始入口沿用对话区域的对齐和主按钮样式。 */
.browser-client .browser-experience-start {
  align-self: flex-start; flex-shrink: 0; min-height: 48px; max-width: 100%;
  margin-top: 24px; padding: 0 24px; border-radius: 12px; font-family: inherit; font-size: 15px;
}
.browser-client .browser-experience-start:focus-visible {
  outline: 2px solid var(--emerald); outline-offset: 4px;
}