html, body { overflow-x: hidden; }

@media (max-width: 760px) {
  [data-system-shell], [data-desktop-root] {
    height: 100dvh;
    min-height: 100dvh;
    width: 100%;
  }

  [data-dock-icons] {
    gap: 4px;
  }

  [data-app-icon],
  [data-desktop-mode='macos'] [data-app-icon] {
    min-height: 76px;
    width: 76px;
  }

  [data-desktop-mode='macos'] [data-app-icon] {
    width: 68px;
  }

  [data-desktop-mode='macos'] [data-app-label] {
    font-size: 9px;
    overflow-wrap: normal;
    padding-inline: 2px;
    white-space: nowrap;
  }

  [data-bot-mount],
  [data-desktop-mode='macos'] [data-bot-mount] {
    bottom: auto;
    left: auto;
    right: 12px;
    top: 8px;
  }

  /* Leave the mobile folder row clear even when the page is zoomed to 200%. */
  [data-desktop-mode='macos'] [data-bot-mount] { top: 136px; }
  [data-bot-sprite] {
    --bot-cell-height: 95px;
    --bot-cell-width: 87px;
  }

  /* Narrow mounts sit near the top edge, so the transient token and steam
     drop below the sprite instead of being clipped above it. */
  [data-bot-bubble],
  [data-bot-steam] {
    bottom: auto;
    top: 100%;
  }

  [data-window-layer] { z-index: 5; }
  [data-app-window] {
    bottom: 56px !important;
    box-shadow: 4px 4px 0 var(--os-shadow);
    height: auto !important;
    left: 8px !important;
    right: 8px !important;
    top: 62px !important;
    width: auto !important;
  }

  [data-desktop-mode='macos'] [data-app-window] {
    bottom: 8px !important;
    top: 90px !important;
  }

  [data-desktop-root][data-has-visible-window='true'] [data-desktop-folders],
  [data-desktop-root][data-has-visible-window='true'] [data-macos-dock] { visibility: hidden; }

  [data-window-titlebar] {
    cursor: default;
    min-width: 0;
  }
  [data-window-title] { min-width: 0; }
  [data-window-content] { padding: 16px; }

  [data-running-apps] { max-width: 110px; }
  [data-running-app] { max-width: 100%; }
  [data-audio-status] { display: none; }
  [data-network-status] { display: none; }
  [data-windows-taskbar] { gap: 6px; padding: 6px 8px; }
  [data-windows-start] { flex: 0 0 36px; width: 36px; }
  [data-system-status] { gap: 2px; }
  [data-language-controls] { gap: 0; }

  [data-settings-app] { grid-template-columns: 1fr; grid-template-rows: auto minmax(0, 1fr); }
  [data-settings-nav] {
    border-bottom: 1px solid var(--os-surface-highlight);
    border-right: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  [data-settings-nav] button {
    border-bottom: 0;
    border-right: 1px solid var(--os-surface-highlight);
    font-size: 9px;
    min-height: 40px;
    overflow-wrap: anywhere;
    padding: 6px 3px;
    text-align: center;
  }
  [data-settings-panel] { gap: 14px; padding: 16px; }
  [data-settings-panel] h3 { font-size: 25px; }
  [data-settings-field],
  [data-settings-meter] { grid-template-columns: 1fr; gap: 7px; }
  [data-settings-meter] output { text-align: left; }
}

@media (prefers-reduced-motion: reduce) {
  [data-app-window],
  [data-app-icon] [data-icon],
  [data-bot-standby],
  [data-running-app],
  [data-desktop-root]::before,
  [data-desktop-root]::after { transition-duration: 1ms; }

  [data-bot-standby]:hover { transform: none; }

  [data-packet-signal] { animation: none; }
}

@media (min-width: 601px) and (max-width: 760px) {
  [data-dock-icons] {
    gap: 4px;
  }

  [data-desktop-mode='macos'] [data-macos-dock] {
    bottom: 8px;
    min-height: 90px;
    padding: 6px;
  }

  [data-desktop-mode='macos'] [data-app-icon] {
    min-height: 76px;
    width: 64px;
  }
}