/* Desktop-only refinements for the all-tasks view. */
@media (min-width: 981px) {
  html:not([data-mobile-workbench="true"]):has(> body.works-focus-mode),
  html:not([data-mobile-workbench="true"]):has(> body.works-focus-mode) > body {
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  html:not([data-mobile-workbench="true"]) body.works-focus-mode .app-layout {
    height: 100vh !important;
    height: 100dvh !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  html:not([data-mobile-workbench="true"]) body.works-focus-mode .sidebar {
    top: 0 !important;
    height: 100vh !important;
    height: 100dvh !important;
  }

  html:not([data-mobile-workbench="true"]) body.works-focus-mode .main-area {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    height: 100vh !important;
    height: 100dvh !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  html:not([data-mobile-workbench="true"]) body.works-focus-mode .content-grid {
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
  }

  html:not([data-mobile-workbench="true"]) body.works-focus-mode .works-panel-head {
    flex-wrap: wrap;
    gap: 16px 28px;
    align-items: flex-end;
  }

  html:not([data-mobile-workbench="true"]) body.works-focus-mode .works-panel-head > div:first-child {
    min-width: 260px;
  }

  html:not([data-mobile-workbench="true"]) body.works-focus-mode .works-panel-head h2 {
    margin: 0 0 6px;
  }

  html:not([data-mobile-workbench="true"]) body.works-focus-mode .works-panel-head .works-retention-notice {
    flex: 0 1 auto;
    margin: 0;
  }

  html:not([data-mobile-workbench="true"]) body.works-focus-mode .works-category-list {
    display: flex !important;
    flex-wrap: wrap !important;
    align-content: flex-start;
    gap: 8px !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    padding-bottom: 16px !important;
    scrollbar-width: none !important;
  }

  html:not([data-mobile-workbench="true"]) body.works-focus-mode .works-category-list::-webkit-scrollbar {
    display: none !important;
  }

  html:not([data-mobile-workbench="true"]) body.works-focus-mode .works-category-button {
    border-radius: 10px !important;
  }

  html:not([data-mobile-workbench="true"]) body.works-focus-mode #works-gallery .work-meta em {
    padding: 0 !important;
    border-radius: 0 !important;
    color: #7b8492 !important;
    background: transparent !important;
  }

  html:not([data-mobile-workbench="true"]) body.works-focus-mode .works-panel-foot .works-toggle {
    gap: 0 !important;
    min-height: 38px;
    border: 1px solid #c9cfd8 !important;
    color: #687180 !important;
    background: rgba(255, 255, 255, 0.76) !important;
    box-shadow: none !important;
    font-weight: 400 !important;
  }

  html:not([data-mobile-workbench="true"]) body.works-focus-mode .works-panel-foot .works-toggle .lucide {
    display: none !important;
  }

  html:not([data-mobile-workbench="true"]) body.works-focus-mode .works-panel-foot .works-toggle:hover {
    border-color: #aeb5c0 !important;
    color: #4f5867 !important;
    background: rgba(255, 255, 255, 0.94) !important;
  }

  html:not([data-mobile-workbench="true"]) body.works-focus-mode .works-panel-foot .works-toggle:focus-visible {
    border-color: #9099a8 !important;
    outline: 3px solid rgba(100, 116, 139, 0.16) !important;
    outline-offset: 2px;
  }

  html[data-theme="dark"]:not([data-mobile-workbench="true"]) body.works-focus-mode .works-panel-foot .works-toggle {
    border-color: #5f6878 !important;
    color: #c1c7d0 !important;
    background: rgba(35, 39, 49, 0.72) !important;
  }
}