/* Keep optional header actions available without crowding the mobile workspace. */
.header-utilities, .header-utilities > .header-utilities-panel { display: contents; }
.header-utilities > summary { display: none; }
@media (min-width: 641px) {
  .header-utilities::details-content { display: contents; content-visibility: visible; }
}

@media (max-width: 640px) {
  .workspace-refresh .app-header {
    position: relative;
    flex-wrap: nowrap;
    gap: 8px;
    padding: max(8px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left));
    border-bottom: 1px solid #dce5f4;
  }
  .workspace-refresh .header-context { flex: 1 1 0; min-width: 0; gap: 8px; }
  .workspace-refresh .header-context .setup-notice { display: none; }
  .workspace-refresh .header-project-context { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 650; }
  .workspace-refresh .header-actions { flex: 0 0 auto; flex-wrap: nowrap; gap: 4px; margin: 0; }
  .workspace-refresh .header-actions .workspace-search-trigger { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; }
  .workspace-search-trigger kbd { display: none; }
  .workspace-refresh .header-actions .lang-switcher-container { border: 0; padding: 0; background: transparent; }
  .workspace-refresh .header-actions .lang-toggle-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; }
  .workspace-refresh .header-actions .lang-toggle-btn.active-lang { display: none; }
  .workspace-refresh .mobile-nav-button,
  .workspace-refresh .profile-menu summary { min-width: 44px; min-height: 44px; justify-content: center; padding: 4px; }
  .header-utilities { display: block; }
  .header-utilities > summary { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 10px; cursor: pointer; color: #334558; list-style: none; }
  .header-utilities > summary::-webkit-details-marker { display: none; }
  .header-utilities[open] > summary { background: #d8e5ff; }
  .header-utilities > .header-utilities-panel { display: none; }
  .header-utilities[open] > .header-utilities-panel {
    display: grid; gap: 12px; position: absolute; inset-inline: 12px; top: calc(100% + 6px);
    z-index: 50; padding: 16px; border: 1px solid #d9e2ef; border-radius: 16px;
    background: #fff; box-shadow: 0 12px 36px #23324824;
  }
  .workspace-refresh .header-utilities-panel .header-device-actions { display: flex; flex-direction: column; align-items: stretch; width: 100%; }
  .workspace-refresh .header-utilities-panel .notification-prompt { display: block; }
  .header-utilities-panel .header-device-actions button { width: 100%; }
  .header-utilities-panel .setup-checklist-link { min-height: 44px; }
  .header-utilities > summary:focus-visible { outline: 2px solid #1769e8; outline-offset: 2px; }
  .workspace-refresh .profile-popover { position: fixed; top: calc(68px + env(safe-area-inset-top)); inset-inline: 12px; width: auto; max-width: none; }

  .workspace-refresh .app-sidebar { width: min(320px, calc(100vw - 32px)); padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom); }
  .workspace-refresh .sidebar-nav { min-height: 0; overscroll-behavior-y: contain; }
  .workspace-refresh .nav-link-pioneers { min-height: 48px; flex-shrink: 0; }
  .workspace-refresh .rail-tool { width: 44px; height: 44px; }
  .workspace-refresh .sidebar-guide, .workspace-refresh .sidebar-footer { display: none; }
  .workspace-refresh .nav-close-button { top: calc(10px + env(safe-area-inset-top)); }

  .workspace-refresh .app-content { padding: 20px 16px max(24px, env(safe-area-inset-bottom)); }
  .workspace-refresh .page-heading { align-items: stretch; flex-direction: column; gap: 12px; }
  .workspace-refresh .page-heading > :is(button, a) { width: 100%; justify-content: center; }
  .workspace-refresh :is(.pioneers-input, .pioneers-select, .pioneers-textarea) { min-height: 44px; font-size: 16px; max-width: 100%; }
  .workspace-refresh :is(.btn-pioneers-primary, .btn-pioneers-secondary, .btn-pioneers-icon) { min-height: 44px; }
  .workspace-refresh .btn-pioneers-icon { min-width: 44px; }
  .workspace-refresh .surface-tabs { overflow-x: auto; flex-wrap: nowrap; min-width: 0; scrollbar-width: thin; }
  .workspace-refresh .surface-tabs > * { flex-shrink: 0; min-height: 44px; }
  .workspace-refresh .pioneers-table :is(th, td) { padding: 14px 12px; }

  .workspace-refresh .pioneers-modal-backdrop { padding: 12px; align-items: center; }
  .workspace-refresh .pioneers-modal-dialog { width: 100%; max-height: calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); border-radius: 18px; }
  .workspace-refresh .pioneers-modal-dialog :is(.modal-header, .modal-body, .modal-footer) { padding: 16px; }
  .workspace-refresh .modal-header { gap: 12px; }
  .workspace-refresh .modal-header h2 { font-size: 18px; overflow-wrap: anywhere; }
  .workspace-refresh .modal-footer { flex-wrap: wrap; gap: 8px; }
  .workspace-refresh .modal-footer > button { flex: 1 1 auto; }
  .command-dialog { width: calc(100vw - 24px); max-height: calc(100dvh - 32px); padding: 16px; }
  .command-dialog input { font-size: 16px; min-height: 48px; }
  .command-heading { gap: 8px; }
  .command-heading h2 { font-size: 18px; }
  .command-heading button { min-width: 44px; min-height: 44px; }
  .command-results a { min-height: 48px; }
}