/* Optional workspace collection layouts. `list` deliberately keeps the existing
   presentation. Only screen collections change; calendar cells and printed menu
   geometry keep their own styles. Loaded after the friendly workspace styles. */
@media screen {
  /* The collection is the grid, never its family, checklist or section wrapper. */
  body[data-design="workspace"] #dishes-view[data-list-layout="tiles"] #catalog-list,
  body[data-design="workspace"] #catering-view[data-list-layout="tiles"] .catering-list,
  body[data-design="workspace"] #shopping-view[data-list-layout="tiles"] .shopping-lists,
  body[data-design="workspace"] :is(#appointments-view, #tasks-view)[data-list-layout="tiles"] .management-list,
  body[data-design="workspace"] #tasks-view[data-list-layout="tiles"] .team-list,
  body[data-design="workspace"] #restaurants-view[data-list-layout="tiles"] .restaurant-list,
  body[data-design="workspace"] #team-view[data-list-layout="tiles"] .team-access-list,
  body[data-design="workspace"] #calendar-view[data-list-layout="tiles"] :is(#selected-day-dishes, #day-plans, #day-catering),
  body[data-design="workspace"] #ingredient-library-dialog[data-list-layout="tiles"] .ingredient-library-list,
  body[data-design="workspace"] #menu-product-dialog[data-list-layout="tiles"] #menu-product-results,
  body[data-design="workspace"] #menu-sections-dialog[data-list-layout="tiles"] #menu-sections-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
    align-items: start;
    gap: 16px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  body[data-design="workspace"] #dishes-view[data-list-layout="tiles"] #catalog-list > .catalog-card,
  body[data-design="workspace"] #catering-view[data-list-layout="tiles"] .catering-list > .catering-card,
  body[data-design="workspace"] #shopping-view[data-list-layout="tiles"] .shopping-lists > .shopping-list-card,
  body[data-design="workspace"] :is(#appointments-view, #tasks-view)[data-list-layout="tiles"] .management-list > .planning-card,
  body[data-design="workspace"] #tasks-view[data-list-layout="tiles"] .team-list > .team-card,
  body[data-design="workspace"] #restaurants-view[data-list-layout="tiles"] .restaurant-list > .restaurant-card,
  body[data-design="workspace"] #team-view[data-list-layout="tiles"] .team-access-list > .team-access-card,
  body[data-design="workspace"] #calendar-view[data-list-layout="tiles"] :is(#selected-day-dishes, #day-plans, #day-catering) > :is(.dish-card, .planning-card, .catering-card),
  body[data-design="workspace"] #ingredient-library-dialog[data-list-layout="tiles"] .ingredient-library-list > .ingredient-library-card {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    min-width: 0;
    margin: 0;
    padding: 16px;
    gap: 8px;
    border: 1px solid var(--friendly-border, #dce4d8);
    border-radius: 12px;
    background: var(--friendly-surface, #fff);
    box-shadow: 0 2px 7px rgb(31 53 36 / .04);
  }

  /* An empty result, undo notice, loading/error state or group heading stays
     full-width and readable alongside the cards. */
  body[data-design="workspace"] #dishes-view[data-list-layout="tiles"] #catalog-list > :not(.catalog-card),
  body[data-design="workspace"] #catering-view[data-list-layout="tiles"] .catering-list > :not(.catering-card),
  body[data-design="workspace"] #shopping-view[data-list-layout="tiles"] .shopping-lists > :not(.shopping-list-card),
  body[data-design="workspace"] :is(#appointments-view, #tasks-view)[data-list-layout="tiles"] .management-list > :not(.planning-card),
  body[data-design="workspace"] #tasks-view[data-list-layout="tiles"] .team-list > :not(.team-card),
  body[data-design="workspace"] #restaurants-view[data-list-layout="tiles"] .restaurant-list > :not(.restaurant-card),
  body[data-design="workspace"] #team-view[data-list-layout="tiles"] .team-access-list > :not(.team-access-card),
  body[data-design="workspace"] #calendar-view[data-list-layout="tiles"] :is(#selected-day-dishes, #day-plans, #day-catering) > :not(.dish-card):not(.planning-card):not(.catering-card),
  body[data-design="workspace"] #ingredient-library-dialog[data-list-layout="tiles"] .ingredient-library-list > :not(.ingredient-library-card),
  body[data-design="workspace"] #menu-sections-dialog[data-list-layout="tiles"] #menu-sections-list > :not(.menu-section-item) {
    grid-column: 1 / -1;
  }

  body[data-design="workspace"] #dishes-view[data-list-layout="tiles"] #catalog-list .catalog-card-head {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 10px;
  }
  body[data-design="workspace"] #dishes-view[data-list-layout="tiles"] #catalog-list .catalog-card-head > div { margin: 0; }
  body[data-design="workspace"] #dishes-view[data-list-layout="tiles"] #catalog-list .catalog-card > h3 { order: -1; font-size: 16px; }
  body[data-design="workspace"] #dishes-view[data-list-layout="tiles"] #catalog-list .catalog-price { flex-shrink: 0; }
  body[data-design="workspace"] #dishes-view[data-list-layout="tiles"] #catalog-list .catalog-card-variants { margin: 0; }
  body[data-design="workspace"] #dishes-view[data-list-layout="tiles"] #catalog-list .catalog-card > .resource-actions { margin: 0; padding-top: 8px; border-top: 1px solid var(--friendly-border, #dce4d8); }
  body[data-design="workspace"] :is(#catering-view, #calendar-view)[data-list-layout="tiles"] .catering-card .resource-actions { grid-column: auto; grid-row: auto; justify-content: flex-start; margin-top: 4px; }
  body[data-design="workspace"] :is(#catering-view, #calendar-view)[data-list-layout="tiles"] .catering-card-heading { align-items: baseline; }
  body[data-design="workspace"] #shopping-view[data-list-layout="tiles"] .shopping-list-head { margin: -16px -16px 0; padding: 12px 16px; flex-wrap: wrap; }
  body[data-design="workspace"] #shopping-view[data-list-layout="tiles"] .shopping-list-card > .hours-hint { margin: 0; }
  body[data-design="workspace"] #shopping-view[data-list-layout="tiles"] .purchase-checklist { margin: 0; }
  body[data-design="workspace"] #restaurants-view[data-list-layout="tiles"] .restaurant-schedule { grid-column: auto; grid-row: auto; margin: 2px 0; padding: 10px 0 0; border: 0; border-top: 1px solid var(--friendly-border, #dce4d8); }
  body[data-design="workspace"] #restaurants-view[data-list-layout="tiles"] .restaurant-card-actions { grid-column: auto; grid-row: auto; margin: 0; }
  body[data-design="workspace"] #restaurants-view[data-list-layout="tiles"] .restaurant-card-top { flex-wrap: wrap; }
  body[data-design="workspace"] #tasks-view[data-list-layout="tiles"] .team-list { border-top: 0; }
  body[data-design="workspace"] #tasks-view[data-list-layout="tiles"] .team-card .resource-actions { margin-top: 4px; }
  body[data-design="workspace"] #team-view[data-list-layout="tiles"] .team-access-card .resource-actions { width: auto; }
  body[data-design="workspace"] #ingredient-library-dialog[data-list-layout="tiles"] .ingredient-library-head { flex-wrap: wrap; gap: 6px 10px; }
  body[data-design="workspace"] #ingredient-library-dialog[data-list-layout="tiles"] .ingredient-library-head h3 { font-size: 15px; }

  /* Selected/archived/completed status stays distinguishable on separate cards. */
  body[data-design="workspace"] #dishes-view[data-list-layout="tiles"] #catalog-list .catalog-card.is-archived,
  body[data-design="workspace"] #tasks-view[data-list-layout="tiles"] .team-list .team-card.is-archived,
  body[data-design="workspace"] :is(#appointments-view, #tasks-view, #calendar-view)[data-list-layout="tiles"] .planning-card.is-done,
  body[data-design="workspace"] :is(#catering-view, #calendar-view)[data-list-layout="tiles"] .catering-card.status-cancelled {
    background: var(--friendly-surface-subtle, #f5f7f3);
  }
  body[data-design="workspace"] #calendar-view[data-list-layout="tiles"] :is(#day-plans, #day-catering) > :is(.planning-card.is-done, .catering-card.status-cancelled) { background: var(--friendly-surface-subtle, #f5f7f3); }
  body[data-design="workspace"] #restaurants-view[data-list-layout="tiles"] .restaurant-card.selected-restaurant { border-color: #9bac8b; box-shadow: inset 0 3px 0 #819567; }

  /* A product family is one tile; its independent checkboxes stay in order. */
  body[data-design="workspace"] #menu-product-dialog[data-list-layout="tiles"] #menu-product-results { padding: 4px; }
  body[data-design="workspace"] #menu-product-dialog[data-list-layout="tiles"] #menu-product-results > :is(.menu-product-item, .menu-product-family) { min-width: 0; margin: 0; border: 1px solid var(--friendly-border, #dce4d8); border-radius: 12px; }
  body[data-design="workspace"] #menu-product-dialog[data-list-layout="tiles"] #menu-product-results > .menu-product-item { padding: 16px; }
  body[data-design="workspace"] #menu-product-dialog[data-list-layout="tiles"] #menu-product-results .menu-product-family { padding: 0; }
  body[data-design="workspace"] #menu-product-dialog[data-list-layout="tiles"] #menu-product-results .menu-product-family .menu-product-item { margin-inline: 0; width: 100%; padding: 14px; }
  body[data-design="workspace"] #menu-product-dialog[data-list-layout="tiles"] #menu-product-results .menu-product-family .is-product-variant { padding-inline-start: 27px; }
  body[data-design="workspace"] #menu-product-dialog[data-list-layout="tiles"] #menu-product-results .menu-product-item-head { flex-wrap: wrap; gap: 3px 12px; }

  /* Sort handles and order buttons retain their place and their DOM order. */
  body[data-design="workspace"] #menu-sections-dialog[data-list-layout="tiles"] #menu-sections-list .menu-section-item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    min-width: 0;
    margin: 0;
    padding: 16px;
    gap: 12px;
    border: 1px solid var(--friendly-border, #dce4d8);
    border-radius: 12px;
    background: var(--friendly-surface, #fff);
  }
  body[data-design="workspace"] #menu-sections-dialog[data-list-layout="tiles"] #menu-sections-list .menu-section-item > div:first-child { grid-column: 2; grid-row: 1; }
  body[data-design="workspace"] #menu-sections-dialog[data-list-layout="tiles"] #menu-sections-list .menu-section-item > .menu-drag-handle { grid-column: 1; grid-row: 1; }
  body[data-design="workspace"] #menu-sections-dialog[data-list-layout="tiles"] #menu-sections-list .menu-section-actions { grid-column: 1 / -1; justify-content: flex-start; width: auto; margin: 0; }

  /* Summary markers reuse the original controls and headings in every mode. */
  body[data-design="workspace"] #dishes-view #catalog-list .catalog-card > .list-summary-line { grid-column: 1; grid-row: 1; min-width: 0; }
  body[data-design="workspace"] #dishes-view[data-list-layout="tiles"] #catalog-list .catalog-card > .list-summary-line { order: -1; }
  body[data-design="workspace"] #dishes-view[data-list-layout="tiles"] #catalog-list .catalog-card > .list-summary-line h3 { font-size: 16px; }
  body[data-design="workspace"] :is(.catering-card-heading, .shopping-list-head, .dish-title) > .list-summary-line { min-width: 0; flex: 1; }

  /* Compact rows expose identity, optional price and the existing actions.
     Detail nodes remain in the DOM and return when another view is selected. */
  body[data-design="workspace"] #dishes-view[data-list-layout="compact"] #catalog-list {
    overflow: hidden;
    overflow: clip;
  }
  body[data-design="workspace"] :is(#dishes-view, #catering-view, #shopping-view, #appointments-view, #tasks-view, #restaurants-view, #team-view, #calendar-view, #ingredient-library-dialog, #menu-sections-dialog)[data-list-layout="compact"] :is(#catalog-list, .catering-list, .shopping-lists, .management-list, .team-list, .restaurant-list, .team-access-list, #selected-day-dishes, #day-plans, #day-catering, .ingredient-library-list, #menu-sections-list) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }
  body[data-design="workspace"] :is(#dishes-view, #catering-view, #shopping-view, #appointments-view, #tasks-view, #restaurants-view, #team-view, #calendar-view, #ingredient-library-dialog, #menu-sections-dialog)[data-list-layout="compact"] :is(#catalog-list, .catering-list, .shopping-lists, .management-list, .team-list, .restaurant-list, .team-access-list, #selected-day-dishes, #day-plans, #day-catering, .ingredient-library-list, #menu-sections-list) > :is(.catalog-card, .catering-card, .shopping-list-card, .planning-card, .team-card, .restaurant-card, .team-access-card, .dish-card, .ingredient-library-card, .menu-section-item) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 4px 12px;
    min-width: 0;
    min-height: 44px;
    margin: 0;
    padding: 5px 12px;
    border: 0;
    border-bottom: 1px solid var(--friendly-border, #dce4d8);
    border-radius: 0;
    box-shadow: none;
  }
  body[data-design="workspace"] :is(#dishes-view, #catering-view, #shopping-view, #appointments-view, #tasks-view, #restaurants-view, #team-view, #calendar-view, #ingredient-library-dialog, #menu-product-dialog, #menu-sections-dialog)[data-list-layout="compact"] :is(.catalog-card, .catering-card, .shopping-list-card, .planning-card, .team-card, .restaurant-card, .team-access-card, .dish-card, .ingredient-library-card, .menu-section-item) > :not(.list-summary-line):not(.list-summary-price):not(.list-summary-actions):not(.list-summary-shell):not(.catalog-card-head):not(.catalog-card-variants):not(.menu-drag-handle) { display: none; }
  body[data-design="workspace"] :is(#dishes-view, #catering-view, #shopping-view, #appointments-view, #tasks-view, #restaurants-view, #team-view, #calendar-view, #ingredient-library-dialog, #menu-product-dialog, #menu-sections-dialog)[data-list-layout="compact"] :is(.list-summary-shell, .catalog-card-head) { display: contents; }
  body[data-design="workspace"] :is(#dishes-view, #catering-view, #shopping-view, #appointments-view, #tasks-view, #restaurants-view, #team-view, #calendar-view, #ingredient-library-dialog, #menu-product-dialog, #menu-sections-dialog)[data-list-layout="compact"] :is(.list-summary-shell, .catalog-card-head) > :not(.list-summary-shell):not(.list-summary-line):not(.list-summary-price):not(.list-summary-actions):not(input[type="checkbox"]) { display: none; }
  body[data-design="workspace"] :is(#dishes-view, #catering-view, #shopping-view, #appointments-view, #tasks-view, #restaurants-view, #team-view, #calendar-view, #ingredient-library-dialog, #menu-product-dialog, #menu-sections-dialog)[data-list-layout="compact"] :is(.catalog-card, .catering-card, .shopping-list-card, .planning-card, .team-card, .restaurant-card, .team-access-card, .dish-card, .ingredient-library-card, .menu-section-item, .catalog-card-variant) .list-summary-line { grid-column: 1; grid-row: 1; min-width: 0; margin: 0; }
  body[data-design="workspace"] :is(#dishes-view, #catering-view, #shopping-view, #appointments-view, #tasks-view, #restaurants-view, #team-view, #calendar-view, #ingredient-library-dialog, #menu-product-dialog, #menu-sections-dialog)[data-list-layout="compact"] :is(.catalog-card, .catering-card, .shopping-list-card, .planning-card, .team-card, .restaurant-card, .team-access-card, .dish-card, .ingredient-library-card, .menu-section-item, .catalog-card-variant) .list-summary-name { min-width: 0; margin: 0; font-size: 13px; line-height: 1.5; }
  body[data-design="workspace"] :is(#dishes-view, #catering-view, #shopping-view, #appointments-view, #tasks-view, #restaurants-view, #team-view, #calendar-view, #ingredient-library-dialog, #menu-product-dialog, #menu-sections-dialog)[data-list-layout="compact"] :is(.catalog-card, .catering-card, .shopping-list-card, .planning-card, .team-card, .restaurant-card, .team-access-card, .dish-card, .ingredient-library-card, .menu-section-item, .catalog-card-variant) .list-summary-price { grid-column: 2; grid-row: 1; align-self: center; margin: 0; white-space: nowrap; font-size: 13px; font-variant-numeric: tabular-nums; }
  body[data-design="workspace"] :is(#dishes-view, #catering-view, #shopping-view, #appointments-view, #tasks-view, #restaurants-view, #team-view, #calendar-view, #ingredient-library-dialog, #menu-product-dialog, #menu-sections-dialog)[data-list-layout="compact"] :is(.catalog-card, .catering-card, .shopping-list-card, .planning-card, .team-card, .restaurant-card, .team-access-card, .dish-card, .ingredient-library-card, .menu-section-item, .catalog-card-variant) .list-summary-actions { grid-column: 3; grid-row: 1; justify-self: end; justify-content: flex-end; align-self: center; display: flex; flex-wrap: wrap; gap: 4px 10px; width: auto; margin: 0; padding: 0; border: 0; }
  body[data-design="workspace"] :is(#dishes-view, #catering-view, #shopping-view, #appointments-view, #tasks-view, #restaurants-view, #team-view, #calendar-view, #ingredient-library-dialog, #menu-product-dialog, #menu-sections-dialog)[data-list-layout="compact"] .planning-card .planning-card-top > input { grid-column: 2; grid-row: 1; align-self: center; margin: 0; }
  body[data-design="workspace"] #dishes-view[data-list-layout="compact"] #catalog-list .catalog-card-variants { grid-column: 1 / -1; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; }
  body[data-design="workspace"] #dishes-view[data-list-layout="compact"] #catalog-list > .catalog-card:last-child { border-bottom: 0; }
  body[data-design="workspace"] #dishes-view[data-list-layout="compact"] #catalog-list .catalog-card-variants > :not(.catalog-card-variant) { display: none; }
  body[data-design="workspace"] #dishes-view[data-list-layout="compact"] #catalog-list .catalog-card-variant { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; padding: 4px 0 4px 14px; gap: 4px 12px; }
  body[data-design="workspace"] #dishes-view[data-list-layout="compact"] #catalog-list .catalog-card-variant > :not(.list-summary-line):not(.list-summary-price):not(.list-summary-actions) { display: none; }
  body[data-design="workspace"] #menu-sections-dialog[data-list-layout="compact"] #menu-sections-list .menu-section-item { grid-template-columns: auto minmax(0, 1fr) auto; }
  body[data-design="workspace"] #menu-sections-dialog[data-list-layout="compact"] #menu-sections-list .menu-section-item .list-summary-line { grid-column: 2; }
  body[data-design="workspace"] #menu-sections-dialog[data-list-layout="compact"] #menu-sections-list .menu-drag-handle { grid-column: 1; grid-row: 1; }
  body[data-design="workspace"] #menu-product-dialog[data-list-layout="compact"] #menu-product-results { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; }
  body[data-design="workspace"] #menu-product-dialog[data-list-layout="compact"] #menu-product-results > :is(.menu-product-item, .menu-product-family) { border-radius: 0; }
  body[data-design="workspace"] #menu-product-dialog[data-list-layout="compact"] #menu-product-results .menu-product-item { display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; align-items: center; gap: 8px; min-height: 44px; width: 100%; margin: 0; padding: 6px 10px; }
  body[data-design="workspace"] #menu-product-dialog[data-list-layout="compact"] #menu-product-results .menu-product-item > input { grid-column: 1; grid-row: 1; margin: 0; }
  body[data-design="workspace"] #menu-product-dialog[data-list-layout="compact"] #menu-product-results .list-summary-line { grid-column: 2; grid-row: 1; min-width: 0; }
  body[data-design="workspace"] #menu-product-dialog[data-list-layout="compact"] #menu-product-results .list-summary-name { font-size: 13px; }
  body[data-design="workspace"] #menu-product-dialog[data-list-layout="compact"] #menu-product-results .list-summary-price { grid-column: 3; grid-row: 1; white-space: nowrap; }
  body[data-design="workspace"] #menu-product-dialog[data-list-layout="compact"] #menu-product-results .is-product-variant { padding-inline-start: 24px; }

  /* Split is a pair of flat, complete list entries, with one column on phones. */
  body[data-design="workspace"] :is(#dishes-view, #catering-view, #shopping-view, #appointments-view, #tasks-view, #restaurants-view, #team-view, #calendar-view, #ingredient-library-dialog, #menu-product-dialog, #menu-sections-dialog)[data-list-layout="split"] :is(#catalog-list, .catering-list, .shopping-lists, .management-list, .team-list, .restaurant-list, .team-access-list, #selected-day-dishes, #day-plans, #day-catering, .ingredient-library-list, #menu-product-results, #menu-sections-list) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 12px 16px;
    border: 0;
    border-radius: 0;
    background: transparent;
  }
  body[data-design="workspace"] :is(#dishes-view, #catering-view, #shopping-view, #appointments-view, #tasks-view, #restaurants-view, #team-view, #calendar-view, #ingredient-library-dialog, #menu-product-dialog, #menu-sections-dialog)[data-list-layout="split"] :is(#catalog-list, .catering-list, .shopping-lists, .management-list, .team-list, .restaurant-list, .team-access-list, #selected-day-dishes, #day-plans, #day-catering, .ingredient-library-list, #menu-product-results, #menu-sections-list) > :is(.catalog-card, .catering-card, .shopping-list-card, .planning-card, .team-card, .restaurant-card, .team-access-card, .dish-card, .ingredient-library-card, .menu-product-item, .menu-product-family, .menu-section-item) {
    min-width: 0;
    margin: 0;
    padding: 12px;
    border: 1px solid var(--friendly-border, #dce4d8);
    border-radius: 12px;
    box-shadow: none;
  }
  body[data-design="workspace"] [data-list-layout="split"] :is(#catalog-list, .catering-list, .shopping-lists, .management-list, .team-list, .restaurant-list, .team-access-list, #selected-day-dishes, #day-plans, #day-catering, .ingredient-library-list, #menu-sections-list) > :not(.catalog-card):not(.catering-card):not(.shopping-list-card):not(.planning-card):not(.team-card):not(.restaurant-card):not(.team-access-card):not(.dish-card):not(.ingredient-library-card):not(.menu-section-item) { grid-column: 1 / -1; }
  body[data-design="workspace"] #restaurants-view[data-list-layout="split"] .restaurant-card { grid-template-columns: minmax(0, 1fr); }
  body[data-design="workspace"] #restaurants-view[data-list-layout="split"] .restaurant-schedule { grid-column: 1; grid-row: auto; padding: 8px 0 0; border: 0; border-top: 1px solid var(--friendly-border, #dce4d8); }
  body[data-design="workspace"] #catering-view[data-list-layout="split"] .catering-card { grid-template-columns: minmax(0, 1fr) auto; gap: 4px 10px; }
  body[data-design="workspace"] #catering-view[data-list-layout="split"] .catering-card .resource-actions { grid-column: 1 / -1; grid-row: auto; justify-content: flex-start; }
  body[data-design="workspace"] #shopping-view[data-list-layout="split"] .shopping-list-head { margin: -12px -12px 0; padding: 9px 12px; flex-wrap: wrap; border-radius: 11px 11px 0 0; }
  body[data-design="workspace"] #menu-product-dialog[data-list-layout="split"] #menu-product-results .menu-product-family { padding: 0; }
  body[data-design="workspace"] #menu-product-dialog[data-list-layout="split"] #menu-product-results .menu-product-item-head { flex-wrap: wrap; }
  body[data-design="workspace"] #menu-sections-dialog[data-list-layout="split"] #menu-sections-list .menu-section-item { flex-wrap: wrap; }
  body[data-design="workspace"] #menu-sections-dialog[data-list-layout="split"] #menu-sections-list .menu-section-actions { width: auto; margin-left: auto; }
  @media (min-width: 900px) {
    body[data-design="workspace"] :is(#dishes-view, #catering-view, #shopping-view, #appointments-view, #tasks-view, #restaurants-view, #team-view, #calendar-view, #ingredient-library-dialog, #menu-product-dialog, #menu-sections-dialog)[data-list-layout="split"] :is(#catalog-list, .catering-list, .shopping-lists, .management-list, .team-list, .restaurant-list, .team-access-list, #selected-day-dishes, #day-plans, #day-catering, .ingredient-library-list, #menu-product-results, #menu-sections-list) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    /* Match the two outer product cards in each row, including variant families.
       Only the space before the actions grows; recipe details stay together. */
    body[data-design="workspace"] #dishes-view[data-list-layout="split"] #catalog-list { align-items: stretch; }
    body[data-design="workspace"] #dishes-view[data-list-layout="split"] #catalog-list > .catalog-card {
      display: flex;
      flex-direction: column;
      align-self: stretch;
      position: relative;
    }
    body[data-design="workspace"] #dishes-view[data-list-layout="split"] #catalog-list > .catalog-card > .list-summary-line {
      order: -1;
      padding-inline-end: 8em;
    }
    body[data-design="workspace"] #dishes-view[data-list-layout="split"] #catalog-list .catalog-price {
      position: absolute;
      top: 12px;
      right: 12px;
      max-width: 8em;
      white-space: nowrap;
    }
    body[data-design="workspace"] #dishes-view[data-list-layout="split"] #catalog-list > .catalog-card > .resource-actions {
      margin-top: auto;
      padding-top: 12px;
    }
  }
  @media (max-width: 760px) {
    body[data-design="workspace"] :is(#dishes-view, #catering-view, #shopping-view, #appointments-view, #tasks-view, #restaurants-view, #team-view, #calendar-view, #ingredient-library-dialog)[data-list-layout="compact"] :is(#catalog-list, .catering-list, .shopping-lists, .management-list, .team-list, .restaurant-list, .team-access-list, #selected-day-dishes, #day-plans, #day-catering, .ingredient-library-list) > :is(.catalog-card, .catering-card, .shopping-list-card, .planning-card, .team-card, .restaurant-card, .team-access-card, .dish-card, .ingredient-library-card),
    body[data-design="workspace"] #dishes-view[data-list-layout="compact"] #catalog-list .catalog-card-variant { grid-template-columns: minmax(0, 1fr) auto; }
    body[data-design="workspace"] :is(#dishes-view, #catering-view, #shopping-view, #appointments-view, #tasks-view, #restaurants-view, #team-view, #calendar-view, #ingredient-library-dialog, #menu-product-dialog, #menu-sections-dialog)[data-list-layout="compact"] :is(.catalog-card, .catering-card, .shopping-list-card, .planning-card, .team-card, .restaurant-card, .team-access-card, .dish-card, .ingredient-library-card, .catalog-card-variant) .list-summary-actions { grid-column: 1 / -1; grid-row: 2; }
    body[data-design="workspace"] #menu-sections-dialog[data-list-layout="compact"] #menu-sections-list .menu-section-item { grid-template-columns: 44px minmax(0, 1fr); }
    body[data-design="workspace"] #menu-sections-dialog[data-list-layout="compact"] #menu-sections-list .menu-section-actions { grid-column: 2; grid-row: 2; justify-self: start; justify-content: flex-start; }
  }

  /* Compact desktop rows never shrink mobile or coarse-pointer hit areas. */
  @media (max-width: 760px), (pointer: coarse) {
    body[data-design="workspace"] :is(#dishes-view, #catering-view, #shopping-view, #appointments-view, #tasks-view, #restaurants-view, #team-view, #calendar-view, #ingredient-library-dialog, #menu-product-dialog, #menu-sections-dialog):is([data-list-layout="tiles"], [data-list-layout="compact"], [data-list-layout="split"]) :is(.resource-actions, .planning-actions, .dish-actions, .restaurant-card-actions, .menu-section-actions) :is(.text-button, .button, .icon-button),
    body[data-design="workspace"] #dishes-view:is([data-list-layout="tiles"], [data-list-layout="compact"], [data-list-layout="split"]) .catalog-card-variant .text-button {
      min-height: 44px;
    }
    body[data-design="workspace"] #menu-sections-dialog:is([data-list-layout="tiles"], [data-list-layout="compact"], [data-list-layout="split"]) :is(.menu-drag-handle, .menu-order-button) { min-width: 44px; width: 44px; min-height: 44px; height: 44px; }
    body[data-design="workspace"] #shopping-view:is([data-list-layout="tiles"], [data-list-layout="compact"], [data-list-layout="split"]) .purchase-checklist label,
    body[data-design="workspace"] #calendar-view:is([data-list-layout="tiles"], [data-list-layout="compact"], [data-list-layout="split"]) .shopping-checklist label { min-height: 44px; }
    body[data-design="workspace"] #menu-product-dialog:is([data-list-layout="tiles"], [data-list-layout="compact"], [data-list-layout="split"]) #menu-product-results .menu-product-item { min-height: 44px; }
  }
}