/* Track Mishnah UI 2.17.13
 * Dashboard workspace refinement requested after the memorial redesign.
 * Presentation-only: no data schema, routes, assignment logic, reminders,
 * permissions, exports, or messaging behavior are changed here.
 */

/* Desktop header: the memorial dedication already lives in the left rail, so
 * remove only the signed-in duplicate and keep all working controls together
 * toward the left instead of stretching utilities to the far edge. */
@media (min-width: 1220px) {
  body.app-theme-jewel {
    --tm-memorial-header-offset: 98px;
  }

  body.app-theme-jewel .site-header .signed-in-dedication-strip {
    display: none;
  }

  body.app-theme-jewel .header-inner {
    min-height: 64px;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 20px;
  }

  body.app-theme-jewel .main-nav {
    min-width: 0;
    justify-content: flex-start;
    gap: 8px;
  }

  body.app-theme-jewel .nav-primary,
  body.app-theme-jewel .nav-utilities {
    flex: 0 0 auto;
  }

  body.app-theme-jewel .nav-primary {
    gap: 2px;
  }

  body.app-theme-jewel .nav-primary > a {
    min-height: 64px;
    padding-inline: 10px;
  }

  body.app-theme-jewel .nav-utilities {
    justify-content: flex-start;
    gap: 6px;
    margin-left: 2px;
  }

  body.app-theme-jewel .project-switcher {
    width: clamp(145px, 10vw, 180px);
  }
}

/* Main dashboard: a narrow, stacked summary dashboard on the left and My
 * Learning as the larger working surface on the right. Both live above the
 * rest of the page so Shared Assignments and participant details remain full
 * width underneath. */
@media (min-width: 1100px) {
  body.app-theme-jewel .dashboard-primary-workspace {
    --tm-dashboard-workspace-height: clamp(560px, calc(100vh - 150px), 690px);
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(350px, .78fr) minmax(0, 1.92fr);
    gap: 10px;
    align-items: stretch;
    margin-bottom: 10px;
  }

  body.app-theme-jewel .dashboard-primary-workspace > .project-overview,
  body.app-theme-jewel .dashboard-primary-workspace > #my-learning {
    min-width: 0;
    height: var(--tm-dashboard-workspace-height);
    margin: 0;
  }

  body.app-theme-jewel .dashboard-primary-workspace > .project-overview {
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
  }

  body.app-theme-jewel .dashboard-primary-workspace .project-overview-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  body.app-theme-jewel .dashboard-primary-workspace .project-overview-heading > .button {
    width: auto;
  }

  body.app-theme-jewel .dashboard-primary-workspace .project-overview-identity {
    width: 100%;
    align-items: flex-start;
  }

  body.app-theme-jewel .dashboard-primary-workspace .dashboard-command-grid {
    grid-template-columns: 1fr;
    gap: 7px;
    margin: 0;
  }

  body.app-theme-jewel .dashboard-primary-workspace .dashboard-command-card {
    min-height: 0;
    gap: 6px;
    padding: 9px 10px;
  }

  body.app-theme-jewel .dashboard-primary-workspace .dashboard-card-heading {
    margin-bottom: 2px;
    padding-bottom: 5px;
  }

  body.app-theme-jewel .dashboard-primary-workspace .continue-learning-main {
    gap: 7px;
  }

  body.app-theme-jewel .dashboard-primary-workspace .continue-learning-stats div,
  body.app-theme-jewel .dashboard-primary-workspace .personal-goal-stats div,
  body.app-theme-jewel .dashboard-primary-workspace .project-progress-card .progress-metrics article {
    padding: 4px 6px;
  }

  body.app-theme-jewel .dashboard-primary-workspace .project-progress-card .progress-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.app-theme-jewel .dashboard-primary-workspace > #my-learning {
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    padding: 0;
  }

  body.app-theme-jewel .dashboard-primary-workspace > #my-learning > .card-heading {
    position: sticky;
    top: 0;
    z-index: 5;
    margin: 0;
    padding: 10px 12px 8px;
    border-bottom: 1px solid var(--app-border);
    background: var(--app-surface);
    box-shadow: 0 5px 12px rgb(28 42 36 / 5%);
  }

  html[data-theme="dark"] body.app-theme-jewel .dashboard-primary-workspace > #my-learning > .card-heading {
    box-shadow: 0 5px 12px rgb(0 8 5 / 18%);
  }

  body.app-theme-jewel .dashboard-primary-workspace > #my-learning > #my-portions-content,
  body.app-theme-jewel .dashboard-primary-workspace > #my-learning > .empty-state {
    padding: 9px 12px 12px;
  }

  body.app-theme-jewel .dashboard-primary-workspace .my-portions-list-toolbar {
    position: sticky;
    top: 58px;
    z-index: 4;
    margin: 0 0 6px;
    padding: 5px 0 6px;
    background: var(--app-surface);
  }
}

/* Preserve the familiar stacked flow on smaller screens. The top dedication
 * stays visible there because the memorial rail is not present. */
@media (max-width: 1099px) {
  body.app-theme-jewel .dashboard-primary-workspace {
    display: block;
  }

  body.app-theme-jewel .dashboard-primary-workspace > .project-overview,
  body.app-theme-jewel .dashboard-primary-workspace > #my-learning {
    height: auto;
    overflow: visible;
  }

  body.app-theme-jewel .dashboard-primary-workspace > #my-learning {
    margin-top: 8px;
  }
}