/* Ankap Speak branding and interface defaults. */
[data-ws-part="home.hero.description"],
[data-ws-part="skin.trigger"],
[data-ws-part="language.trigger"] { display: none !important; }
[data-ws-part="home.brand"] > img {
  content: url("/ankap-a-v1.jpg");
}
[data-ws-part="home.footer"] .clear-local-button,
[data-ws-part="home.footer"] .clear-local-button + .footer-separator {
  display: none !important;
}

/* Apply the Ankap palette to every WebSpeak surface, including the mobile
   sheets and audio/performance dialogs that are rendered outside the main
   workspace panels. */
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] {
  color-scheme: dark !important;
  --surface-0: #101113 !important;
  --surface-1: #1a1b1f !important;
  --surface-2: #24262b !important;
  --text-primary: #f4f2ed !important;
  --text-muted: #b2b0aa !important;
  --accent: #e8b84d !important;
  --success: #85d79a !important;
  --warning: #efc56c !important;
  --danger: #f18e84 !important;
  --border: #3c3933 !important;
}
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] [data-ws-part="voice.mobile-more"],
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] [data-ws-part="voice.mobile-more"] button,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] [data-ws-part="voice.mobile-nav"],
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] [data-ws-part="voice.audio-dock"],
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .settings-modal,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .settings-content,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .settings-main,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .settings-footer,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .performance-panel,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .favorite-server-dialog,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .member-context-menu,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .member-submenu-panel,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .channel-password-modal {
  color: var(--text-primary) !important;
  background: var(--surface-1) !important;
  border-color: var(--border) !important;
}
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .settings-header,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .settings-separator,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .settings-modal .microphone-control,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .settings-modal .noise-suppression-toggle,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .settings-modal .mic-test,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .settings-modal .mode-note,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .performance-metrics article {
  color: var(--text-primary) !important;
  background: var(--surface-2) !important;
  border-color: var(--border) !important;
}
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .settings-header h2,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .settings-section h3,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .settings-label,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .settings-modal strong,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .settings-modal button,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .mobile-more-panel h2,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .mobile-more-panel button,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .performance-panel strong,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .performance-panel button {
  color: var(--text-primary) !important;
}
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .settings-section h3 .ui-icon,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .settings-modal .settings-range-row strong,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .settings-modal .mic-test-header button,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .performance-metrics strong {
  color: var(--accent) !important;
}
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .settings-hint,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .settings-modal small,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .settings-modal p,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .mode-note,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .performance-panel small,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .performance-panel span {
  color: var(--text-muted) !important;
}
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .settings-select,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .settings-select-menu {
  color: var(--text-primary) !important;
  background: var(--surface-2) !important;
  border-color: var(--border) !important;
}
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .settings-modal input[type="range"] {
  accent-color: var(--accent) !important;
}
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .settings-range::-webkit-slider-thumb {
  border-color: var(--accent) !important;
  background: var(--surface-1) !important;
}
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .settings-range::-moz-range-thumb {
  border-color: var(--accent) !important;
  background: var(--surface-1) !important;
}
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .microphone-toggle,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .send-button {
  color: #19150d !important;
  background: var(--accent) !important;
}
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .microphone-toggle.muted,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .mobile-more-panel button.danger,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .disconnect-button {
  color: var(--danger) !important;
}
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .mobile-more-panel .language-menu-row,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .mobile-more-panel .mobile-skin-switcher,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] [data-ws-part="voice.header"] .skin-switcher,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] [data-ws-part="voice.header"] .language-switcher {
  display: none !important;
}
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .modal-backdrop {
  background: rgba(0, 0, 0, .72) !important;
}
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .chat-tabs button,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .status-button,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .header-action,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .mobile-voice-toggle,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .mobile-voice-settings {
  color: var(--text-muted) !important;
  background: var(--surface-2) !important;
  border-color: var(--border) !important;
}
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .chat-tabs button.active,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .status-button.active,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .mobile-nav button.active {
  color: var(--accent) !important;
  background: #443720 !important;
  border-color: #6d572b !important;
}
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .mobile-voice-controls {
  background: var(--surface-2) !important;
  border-color: var(--border) !important;
}

.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .settings-modal .microphone-toggle:not(.muted),
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .settings-modal .save-button {
  color: #19150d !important;
  background: var(--accent) !important;
}
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .settings-modal .mic-test-header button {
  color: #f0c66d !important;
  background: #443720 !important;
}
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .settings-range {
  background: linear-gradient(to right, #e8b84d 0%, #e8b84d var(--ws-range-progress, 0%), #45433f var(--ws-range-progress, 0%), #45433f 100%) !important;
}
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .audio-level-track,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .meter i {
  background: #45433f !important;
}
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .settings-modal .permission-granted {
  color: var(--success) !important;
}
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .disconnect-button,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .mobile-member-leave,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .mobile-voice-leave {
  color: var(--danger) !important;
  background: #332426 !important;
  border-radius: 9px;
}
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .workspace-header .brand-lockup strong,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .workspace-header .brand-lockup strong span {
  color: var(--text-primary) !important;
}
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .mobile-brand {
  color: var(--accent) !important;
}
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .mobile-brand em {
  color: var(--text-muted) !important;
}
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .member-volume input::-webkit-slider-thumb {
  border-color: var(--accent) !important;
  background: var(--surface-1) !important;
}
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .member-volume input::-moz-range-thumb {
  border-color: var(--accent) !important;
  background: var(--surface-1) !important;
}

/* Keep the audio dock compact and leave the controls themselves intact. */
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .desktop-audio-dock-copy {
  display: none !important;
}
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .desktop-audio-dock-actions {
  flex: 1 1 auto;
  justify-content: space-evenly;
}

/* Hide the invitation button in the workspace header. */
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] [data-ws-part="voice.header-actions"] > .header-action[title="Скопировать приглашение"] {
  display: none !important;
}

/* This deployment has one fixed server, so remove the server switcher rail
   and its mobile strip. The room list remains the first column. */
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .app-shell[data-favorite-rail="true"] {
  grid-template-columns: 318px minmax(0, 1fr) !important;
}
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .app-shell[data-favorite-rail="true"] .favorite-server-rail,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .app-shell[data-favorite-rail="true"] .favorite-server-strip {
  display: none !important;
}
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .app-shell[data-favorite-rail="true"] .member-panel {
  grid-column: 1 !important;
}
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .app-shell[data-favorite-rail="true"] .workspace {
  grid-column: 2 !important;
}
@media (max-width: 980px) {
  .ws-skin-root[data-ws-skin="instance.ankap-minimal"] .app-shell[data-favorite-rail="true"] {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) minmax(210px, 35dvh) !important;
  }
  .ws-skin-root[data-ws-skin="instance.ankap-minimal"] .app-shell[data-favorite-rail="true"] .workspace {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }
  .ws-skin-root[data-ws-skin="instance.ankap-minimal"] .app-shell[data-favorite-rail="true"] .member-panel {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }
}
