@media (max-width: 1180px) {
  .ak-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ak-launcher-body { grid-template-columns: 1fr; }
  .ak-side-stack { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
  .ak-tool-workspace { grid-template-columns: 1fr; min-height: auto; }
}

@media (max-width: 900px) {
  .ak-launcher-hero { grid-template-columns: 1fr; }
  .ak-launcher-search-results { position: static; width: 100%; max-height: 260px; margin-top: 10px; }
  .ak-side-stack { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  :root { --ak-topbar-height: 58px; }
  html { overflow: auto; }
  body.ak-id-theme { overflow: auto; }
  .ak-app,
  .ak-app.is-sidebar-hidden,
  .ak-app.is-sidebar-rail,
  .ak-app.is-focus { min-height: 100dvh; height: auto; grid-template-columns: 1fr; overflow: visible; }
  .ak-sidebar { position: fixed; inset: 0 auto 0 0; width: min(86vw, 320px); z-index: 50; transform: translateX(-102%); opacity: 1; box-shadow: var(--ak-shadow); }
  .ak-app.is-mobile-sidebar-open .ak-sidebar { transform: translateX(0); opacity: 1; pointer-events: auto; }
  .ak-app.is-sidebar-hidden .ak-sidebar,
  .ak-app.is-focus .ak-sidebar { transform: translateX(-102%); opacity: 1; }
  .ak-app.is-sidebar-rail .ak-brand-text,
  .ak-app.is-sidebar-rail .ak-sidebar-search,
  .ak-app.is-sidebar-rail .ak-nav-label,
  .ak-app.is-sidebar-rail .ak-nav-title,
  .ak-app.is-sidebar-rail .ak-nav-badge,
  .ak-app.is-sidebar-rail .ak-nav-count,
  .ak-app.is-sidebar-rail .ak-account-copy,
  .ak-app.is-sidebar-rail .ak-dir-footer,
  .ak-app.is-sidebar-rail .ak-sidebar-footer .ak-theme-switch,
  .ak-app.is-sidebar-rail .ak-mini-external,
  .ak-app.is-sidebar-rail .ak-chevron,
  .ak-app.is-sidebar-rail .ak-star-btn,
  .ak-app.is-sidebar-rail .ak-pin-btn { display: initial !important; }
  .ak-app.is-sidebar-rail .ak-sidebar-head { justify-content: flex-start; padding: 0 12px; }
  .ak-app.is-sidebar-rail .ak-sidebar-head > .ak-icon-btn { display: inline-grid; }
  .ak-app.is-sidebar-rail .ak-nav-item,
  .ak-app.is-sidebar-rail .ak-tree-toggle,
  .ak-app.is-sidebar-rail .ak-nav-leaf { justify-content: flex-start; padding: 0 9px; }
  .ak-app.is-sidebar-rail .ak-tree-head,
  .ak-app.is-sidebar-rail .ak-nav-row { grid-template-columns: minmax(0, 1fr) 31px; }
  .ak-app.is-sidebar-rail .ak-tree-panel { display: none; }
  .ak-mobile-menu { display: inline-grid; }
  .ak-main { height: auto; min-height: 100dvh; overflow: visible; }
  .ak-topbar { padding: 0 12px; }
  .ak-topbar-actions .ak-topbar-chip:not([data-ak-theme-toggle]) { display: none; }
  .ak-topbar-actions .ak-btn { display: none; }
  .ak-page-title strong { max-width: 52vw; }
  .ak-content { padding: 10px; overflow: visible; }
  .ak-content-inner { min-height: auto; }
  .ak-recovery-dock { left: 10px; top: auto; bottom: 10px; }
  .ak-launcher { min-height: auto; overflow: visible; }
  .ak-card-grid { grid-template-columns: 1fr; overflow: visible; height: auto; }
  .ak-launcher-hero { border-radius: 16px; }
  .ak-launcher-copy h1 { font-size: 28px; }
  .ak-launcher-panel { overflow: visible; }
  .ak-quick-list { height: auto; overflow: visible; }
  .ak-mini-stats { grid-template-columns: 1fr 1fr 1fr; }
  .ak-tool-shell { min-height: auto; gap: 10px; }
  .ak-tool-header { align-items: flex-start; flex-direction: column; min-height: auto; border-radius: 16px; }
  .ak-tool-workspace { gap: 10px; }
  .ak-form-grid { grid-template-columns: 1fr; }
}

/*
 * WordPress toolbar compatibility
 *
 * The application occupies only the viewport area below the native toolbar.
 * This keeps the AK topbar fully visible instead of allowing WordPress to
 * cover its first 32/46 pixels.
 */
body.admin-bar .ak-app {
  height: calc(100dvh - var(--ak-wp-adminbar-height));
}

body.admin-bar .ak-sidebar,
body.admin-bar .ak-main {
  height: 100%;
}

body.admin-bar .ak-app.is-topbar-hidden .ak-content,
body.admin-bar .ak-app.is-focus .ak-content {
  height: 100%;
}

body.admin-bar .ak-recovery-dock {
  top: calc(var(--ak-wp-adminbar-height) + 12px);
}

@media screen and (max-width: 782px) {
  body.admin-bar {
    --ak-wp-adminbar-height: 46px;
  }
}

@media screen and (max-width: 760px) {
  body.admin-bar .ak-app,
  body.admin-bar .ak-main {
    height: auto;
    min-height: calc(100dvh - var(--ak-wp-adminbar-height));
  }

  body.admin-bar .ak-sidebar {
    top: var(--ak-wp-adminbar-height);
    bottom: 0;
    height: auto;
  }

  body.admin-bar .ak-recovery-dock {
    top: auto;
    bottom: 10px;
  }
}