/* Keep the desktop and its popups aligned with the compact taskbar. */
body.stable-desktop { --desktop-taskbar-height: 36px; }
.stable-desktop #workspace { height: calc(100dvh - var(--desktop-taskbar-height)); }
.stable-desktop footer { height: var(--desktop-taskbar-height); padding-block: 3px; }
.stable-desktop footer #start-button {
  height: 28px;
  min-height: 28px;
  gap: 6px;
  padding: 4px 8px;
  font-size: 11px;
  line-height: 16px;
}
.stable-desktop footer #start-button img { width: 18px; height: 18px; }
.stable-desktop footer :is(#toggle-left-frames, #toggle-right-frames, #expand-all-frames, #collapse-all-frames) {
  height: 28px;
  min-height: 28px;
  padding: 4px 7px;
  font-size: 11px;
  line-height: 16px;
}
.stable-desktop footer :is(#activity-button, #overview-button) {
  height: 28px;
  min-height: 28px;
  padding: 4px 8px;
  line-height: 18px;
}
.stable-desktop footer #tasks { min-height: 28px; }
.stable-desktop #tasks .task { height: 28px; padding-block: 4px; }
.stable-desktop .footer-status { gap: 0; line-height: 16px; }
.stable-desktop #clock { flex-direction: row; align-items: center; gap: 8px; white-space: nowrap; }
.stable-desktop footer #show-desktop-button { height: var(--desktop-taskbar-height); }
.stable-desktop .frame-controls {
  bottom: calc(var(--desktop-taskbar-height) + 8px);
  max-height: calc(100dvh - var(--desktop-taskbar-height) - 32px);
}
.stable-desktop .activity-panel {
  bottom: calc(var(--desktop-taskbar-height) + 12px);
  max-height: calc(100dvh - var(--desktop-taskbar-height) - 36px);
}
.stable-desktop .window-overview { bottom: calc(var(--desktop-taskbar-height) + 20px); }
.stable-desktop .app-transfer-notice { bottom: calc(var(--desktop-taskbar-height) + 12px); }

@media (max-width: 700px) {
  body.stable-desktop { --desktop-taskbar-height: 58px; }
  .stable-desktop footer { padding-block: 4px; grid-template-rows: 24px 22px; row-gap: 3px; }
  .stable-desktop footer #start-button {
    height: 24px;
    min-height: 24px;
    gap: 5px;
    padding: 2px 6px;
  }
  .stable-desktop footer #start-button img { width: 16px; height: 16px; }
  .stable-desktop footer :is(#toggle-left-frames, #toggle-right-frames, #expand-all-frames, #collapse-all-frames) {
    height: 24px;
    min-height: 24px;
    padding: 3px 6px;
    font-size: 10px;
    line-height: 16px;
  }
  .stable-desktop footer :is(#activity-button, #overview-button) {
    height: 22px;
    min-height: 22px;
    padding: 2px 3px;
    line-height: 16px;
  }
  .stable-desktop footer #tasks { min-height: 22px; }
  .stable-desktop #tasks .task { height: 22px; padding-block: 2px; }
  .stable-desktop #clock { gap: 6px; }
  .stable-desktop .activity-panel { max-height: calc(100dvh - var(--desktop-taskbar-height) - 32px); }
  .stable-desktop .window-overview { bottom: calc(var(--desktop-taskbar-height) + 12px); }
}
@media (max-width: 360px) {
  .stable-desktop footer #start-button { gap: 0; }
}