/* Mobile overrides for Corridor OS */

@media (max-width: 900px) {
  body.mobile-mode, html.mobile-mode {
    --panel-height: 42px;
  }
  body.mobile-mode .top-panel {
    height: var(--panel-height);
    padding: 0 8px;
    gap: 6px;
  }
  body.mobile-mode .top-panel .panel-left .activities-button { font-size: 12px; padding: 6px 10px; }
  body.mobile-mode .top-panel .panel-right .panel-button { padding: 4px; font-size: 14px; }

  body.mobile-mode .desktop-icons { display: none !important; }

  /* Hide dock entirely on mobile */
  body.mobile-mode .dock { display: none !important; }

  /* Windows are full-screen */
  /* Reserve space at the bottom for mobile dock/softkeys and safe areas */
  body.mobile-mode .windows-container {
    position: fixed;
    top: var(--panel-height);
    left: 0; right: 0;
    bottom: calc(var(--mobile-dock-height, 56px) + var(--mobile-safe-area-bottom, env(safe-area-inset-bottom, 0px)));
  }
  body.mobile-mode .window {
    left: 0 !important; top: 0 !important;
    width: 100% !important; height: 100% !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  body.mobile-mode .window .window-titlebar { padding: 6px 8px; min-height: 36px; }
  body.mobile-mode .window .window-controls .window-control { width: 10px; height: 10px; }
  /* Hide desktop-only controls on mobile */
  body.mobile-mode .window .window-controls .minimize,
  body.mobile-mode .window .window-controls .maximize { display: none !important; }
  body.mobile-mode .resize-handle { display: none !important; }

  /* Activities overview fills screen */
  body.mobile-mode #activities-overview {
    position: fixed; inset: var(--panel-height) 0 0 0;
    background: rgba(255,255,255,.95);
    backdrop-filter: blur(10px);
    z-index: 4400; /* Above app windows, below switcher/grid overlays */
  }
  /* Activities app grid: double-row horizontal flow with ample spacing */
  body.mobile-mode #activities-overview .app-grid {
    display: grid;
    grid-template-columns: none !important; /* let auto columns be created */
    grid-template-rows: repeat(2, minmax(88px, auto));
    grid-auto-flow: column;
    grid-auto-columns: minmax(88px, 1fr);
    gap: 16px 20px; /* row, column gap */
    padding: 16px 20px; /* generous side padding */
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
  }
  body.mobile-mode #activities-overview .app-grid::-webkit-scrollbar { display: none; }
  body.mobile-mode #activities-overview .app-item { min-width: 88px; padding: 14px 10px; border-radius: 14px; }
  body.mobile-mode #activities-overview .app-item .app-icon { font-size: 24px; }

  /* Hide multi-workspace UI on mobile */
  body.mobile-mode #activities-overview .overview-workspaces,
  body.mobile-mode #activities-overview .workspace { display: none !important; }

  /* Notifications panel fits */
  body.mobile-mode .notifications-panel { width: 100%; right: 0; left: 0; }
}