/* Optional menu layouts. The existing list receives no overrides. */
@media screen {
  /* Product rows keep their original controls, reading order and save targets. */
  body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"]) .menu-table {
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"]) .menu-table thead {
    display: none;
  }

  body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"]) .menu-table tbody {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
    align-items: start;
    gap: 12px;
  }

  body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"]) .menu-table tr[data-entry-id],
  body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"]) .menu-table tr.is-family-row[data-entry-id],
  body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"]) .menu-table tr[data-entry-id]:last-child {
    display: grid;
    grid-template-columns: 32px repeat(10, minmax(0, 1fr)) 40px;
    column-gap: 0;
    row-gap: 12px;
    align-content: start;
    min-width: 0;
    min-height: 0;
    width: auto;
    margin: 0;
    padding: 14px;
    border: 1px solid var(--menu-border, #e1e7dc);
    border-radius: 12px;
  }

  body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"]) .menu-table tr[data-entry-id] > td:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
  }

  body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"]) .menu-table tr[data-entry-id] > td:nth-child(2) {
    grid-column: 2 / 12;
    grid-row: 1;
    padding: 0 8px 0 0;
    border: 0;
  }

  body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"]) .menu-table tr.is-family-member[data-entry-id] > td:nth-child(2) {
    padding-left: 12px;
  }

  body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"]) .menu-table tr[data-entry-id] > td:nth-child(4) {
    grid-column: 1 / -1;
    grid-row: 2;
    padding: 12px 0 0;
    border-top: 1px solid var(--menu-border, #e1e7dc);
  }

  body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"]) .menu-table tr[data-entry-id] > td:nth-child(5) {
    grid-column: 1 / 5;
    grid-row: 3;
    padding: 0 6px 0 0;
    text-align: left;
  }

  body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"]) .menu-table tr[data-entry-id] > td:nth-child(6) {
    grid-column: 5 / 9;
    grid-row: 3;
    padding: 0 4px;
    text-align: center;
  }

  body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"]) .menu-table tr[data-entry-id] > td:nth-child(7) {
    grid-column: 9 / -1;
    grid-row: 3;
    padding: 0 0 0 4px;
    border: 0;
    text-align: right;
  }

  body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"]) .menu-table tr:not(.is-daily-offer)[data-entry-id] > td:nth-child(7) {
    grid-column: 6 / -1;
  }

  body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"]) .menu-table tr[data-entry-id] > td:nth-child(8) {
    grid-column: 12;
    grid-row: 1;
    justify-self: end;
    padding: 0;
    text-align: right;
  }

  body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"]) .menu-table .menu-discount-placeholder {
    display: none;
  }

  body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"]) .menu-table :is(.menu-core-label, .menu-forecast-mobile-label) {
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 0 0 5px;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.4;
    color: var(--menu-muted, #65746d);
  }

  body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"]) .menu-table .menu-price-heading {
    justify-content: flex-end;
    padding-right: 31px;
  }

  body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"]) .menu-table .is-daily-offer > td:nth-child(6)::before {
    display: block;
    content: attr(data-label);
    margin: 0 0 5px;
    padding-right: 16px;
    font-size: 11px;
    line-height: 1.4;
    color: var(--menu-muted, #65746d);
  }

  body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"]) .menu-table .menu-forecast {
    max-width: 100%;
  }

  body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"]) .menu-table .menu-availability-label {
    justify-content: flex-start;
  }

  /* Full-width family bands keep adjacent variant cards in their named group. */
  body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"]) .menu-table :is(.menu-area-row, .menu-family-heading) {
    grid-column: 1 / -1;
    width: auto;
    margin: 4px 0 -3px;
    border: 0;
    border-radius: 8px;
  }

  body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"]) .menu-table .menu-area-row th {
    padding: 8px 0;
    border: 0;
    background: transparent;
  }

  body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"]) .menu-table .menu-family-heading th {
    padding: 9px 14px;
  }

  body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"]) .menu-table tr.is-family-row[data-entry-id] {
    border-inline-start: 3px solid #c7d5bd;
  }

  /* Touch targets expand without changing the input's status strip or hover. */
  @media (max-width: 760px), (pointer: coarse) {
    body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"], [data-list-layout="compact"]) .menu-forecast {
      --menu-quantity-size: 72px;
      --menu-standard-size: 56px;
      --menu-standard-height: 44px;
      --menu-quantity-height: 44px;
    }

    body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"], [data-list-layout="compact"]) .menu-table .menu-forecast .menu-quantity {
      grid-template-rows: 44px;
      min-height: 44px;
    }

    body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"], [data-list-layout="compact"]) .menu-table :is(.menu-quantity-input, .menu-baseline input, .menu-discount input) {
      min-height: 44px;
      height: 44px;
      font-size: 16px;
    }

    body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"], [data-list-layout="compact"]) :is(.menu-forecast-options, .menu-forecast-settings-inner, .menu-forecast-reset-inner, .menu-baseline) {
      height: 44px;
    }

    body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"], [data-list-layout="compact"]) .menu-table :is(.menu-drag-handle, .menu-remove, .menu-price-edit, .menu-reset-forecast, .forecast-help-button) {
      width: 44px;
      min-width: 44px;
      height: 44px;
      min-height: 44px;
    }

    body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"], [data-list-layout="compact"]) .menu-table :is(.menu-product-edit, .menu-all-days, .menu-repeat-option, .menu-availability-label, .menu-schedule-reset) {
      min-height: 44px;
      align-items: center;
    }

    body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"], [data-list-layout="compact"]) :is(.menu-area-toggle, .menu-heading-edit) {
      min-height: 44px;
    }

    body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"], [data-list-layout="compact"]) .menu-heading-edit {
      min-width: 44px;
    }

    body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"], [data-list-layout="compact"]) .menu-table .menu-price-value {
      grid-template-columns: minmax(0, 1fr) 44px;
      min-height: 44px;
    }

    body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"], [data-list-layout="compact"]) .menu-table .menu-price-heading {
      padding-right: 49px;
    }

    body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"]) .menu-table tr[data-entry-id],
    body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"]) .menu-table tr.is-family-row[data-entry-id],
    body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"]) .menu-table tr[data-entry-id]:last-child {
      grid-template-columns: 44px repeat(10, minmax(0, 1fr)) 44px;
    }

    body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"], [data-list-layout="compact"]) .menu-table .menu-discount-field {
      grid-template-columns: 60px 12px;
    }

    body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"], [data-list-layout="compact"]) .menu-table .menu-discount input {
      width: 60px;
    }

    body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"]) .menu-table tr[data-entry-id],
    body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"]) .menu-table tr.is-family-row[data-entry-id],
    body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"]) .menu-table tr[data-entry-id]:last-child {
      padding: 12px;
      row-gap: 10px;
    }
  }

  @container menu-table (max-width: 340px) {
    body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"]) .menu-table tr[data-entry-id] > td:nth-child(5) {
      grid-column: 1 / 7;
    }

    body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"]) .menu-table tr[data-entry-id] > td:nth-child(6) {
      grid-column: 7 / -1;
      text-align: right;
    }

    body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"]) .menu-table .menu-discount-field {
      justify-content: end;
    }

    body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"]) .menu-table tr.is-daily-offer[data-entry-id] > td:nth-child(7) {
      grid-column: 1 / -1;
      grid-row: 4;
      padding: 7px 0 0;
      border-top: 1px solid var(--menu-border, #e1e7dc);
    }

    body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"]) .menu-table tr:not(.is-daily-offer)[data-entry-id] > td:nth-child(7) {
      grid-column: 7 / -1;
    }
  }

  /* Split retains complete entries in exactly two parallel list columns. */
  body[data-design="workspace"] #menu-view[data-list-layout="split"] .menu-table tbody {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 18px;
  }

  body[data-design="workspace"] #menu-view[data-list-layout="split"] .menu-table tr[data-entry-id],
  body[data-design="workspace"] #menu-view[data-list-layout="split"] .menu-table tr.is-family-row[data-entry-id],
  body[data-design="workspace"] #menu-view[data-list-layout="split"] .menu-table tr[data-entry-id]:last-child {
    border: 1px solid var(--menu-border, #e1e7dc);
    border-radius: 12px;
    padding-inline: 10px;
  }

  body[data-design="workspace"] #menu-view[data-list-layout="split"] .menu-table .menu-family-heading {
    border-radius: 8px;
  }

  @media (max-width: 760px) {
    body[data-design="workspace"] #menu-view[data-list-layout="split"] .menu-table tbody {
      grid-template-columns: minmax(0, 1fr);
    }
  }

  /* Compact is a summary: name and inline metadata, price, existing actions.
     Hidden planning controls remain mounted with their current drafts/handlers. */
  body[data-design="workspace"] #menu-view[data-list-layout="compact"] .menu-table thead {
    display: none;
  }

  body[data-design="workspace"] #menu-view[data-list-layout="compact"] .menu-table tbody {
    display: block;
  }

  body[data-design="workspace"] #menu-view[data-list-layout="compact"] .menu-table tr[data-entry-id],
  body[data-design="workspace"] #menu-view[data-list-layout="compact"] .menu-table tr.is-family-row[data-entry-id],
  body[data-design="workspace"] #menu-view[data-list-layout="compact"] .menu-table tr[data-entry-id]:last-child {
    grid-template-columns: minmax(0, 1fr) max-content 34px;
    align-items: center;
    column-gap: 12px;
    row-gap: 0;
    min-height: 46px;
    padding: 5px 12px;
  }

  body[data-design="workspace"] #menu-view[data-list-layout="compact"] .menu-table tr[data-entry-id] > :is(td:nth-child(1), td:nth-child(3), td:nth-child(4), td:nth-child(5), td:nth-child(6)) {
    display: none !important;
  }

  body[data-design="workspace"] #menu-view[data-list-layout="compact"] .menu-table tr[data-entry-id] > td:nth-child(2) {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
    padding: 0;
    border: 0;
  }

  body[data-design="workspace"] #menu-view[data-list-layout="compact"] .menu-table tr.is-family-member[data-entry-id] > td:nth-child(2) {
    padding-left: 12px;
  }

  body[data-design="workspace"] #menu-view[data-list-layout="compact"] .menu-table td[data-column="product"] > :not(.list-summary-line) {
    display: none !important;
  }

  body[data-design="workspace"] #menu-view[data-list-layout="compact"] .menu-table .menu-product-edit {
    min-height: 34px;
    padding: 0;
    font-size: 13px;
  }

  body[data-design="workspace"] #menu-view[data-list-layout="compact"] .menu-table tr[data-entry-id] > td:nth-child(7),
  body[data-design="workspace"] #menu-view[data-list-layout="compact"] .menu-table tr.is-daily-offer[data-entry-id] > td:nth-child(7) {
    grid-column: 2;
    grid-row: 1;
    padding: 0;
    border: 0;
    text-align: right;
  }

  body[data-design="workspace"] #menu-view[data-list-layout="compact"] .menu-table tr[data-entry-id] > td:nth-child(8) {
    grid-column: 3;
    grid-row: 1;
    padding: 0;
    text-align: right;
  }

  body[data-design="workspace"] #menu-view[data-list-layout="compact"] .menu-table .menu-price-value {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    min-height: 34px;
  }

  body[data-design="workspace"] #menu-view[data-list-layout="compact"] .menu-table :is(.menu-core-label, .menu-original-price, .menu-price-edit-slot, .menu-daily-price > .menu-category) {
    display: none;
  }

  body[data-design="workspace"] #menu-view[data-list-layout="compact"] .menu-table .menu-family-heading th {
    padding: 6px 12px;
  }

  @media (max-width: 760px), (pointer: coarse) {
    body[data-design="workspace"] #menu-view[data-list-layout="compact"] .menu-table tr[data-entry-id],
    body[data-design="workspace"] #menu-view[data-list-layout="compact"] .menu-table tr.is-family-row[data-entry-id],
    body[data-design="workspace"] #menu-view[data-list-layout="compact"] .menu-table tr[data-entry-id]:last-child {
      grid-template-columns: minmax(0, 1fr) max-content 44px;
      column-gap: 8px;
      min-height: 54px;
      padding: 5px 10px;
    }

    body[data-design="workspace"] #menu-view[data-list-layout="compact"] .menu-table :is(.menu-product-edit, .menu-price-value) {
      min-height: 44px;
    }
  }

  /* On phones the name owns the full first line. Price and actions sit below
     it, so long names never compete with three fixed-width touch targets. */
  @media (max-width: 760px) {
    body[data-design="workspace"] #menu-view[data-list-layout="compact"] .menu-table tr[data-entry-id],
    body[data-design="workspace"] #menu-view[data-list-layout="compact"] .menu-table tr.is-family-row[data-entry-id],
    body[data-design="workspace"] #menu-view[data-list-layout="compact"] .menu-table tr[data-entry-id]:last-child {
      grid-template-columns: minmax(0, 1fr) 44px;
      row-gap: 4px;
      padding-block: 7px;
    }

    body[data-design="workspace"] #menu-view[data-list-layout="compact"] .menu-table tr[data-entry-id] > td:nth-child(2) {
      grid-column: 1 / -1;
      grid-row: 1;
    }

    body[data-design="workspace"] #menu-view[data-list-layout="compact"] .menu-table tr[data-entry-id] > td:nth-child(7),
    body[data-design="workspace"] #menu-view[data-list-layout="compact"] .menu-table tr.is-daily-offer[data-entry-id] > td:nth-child(7),
    body[data-design="workspace"] #menu-view[data-list-layout="compact"] .menu-table tr:not(.is-daily-offer)[data-entry-id] > td:nth-child(7) {
      grid-column: 1;
      grid-row: 2;
    }

    body[data-design="workspace"] #menu-view[data-list-layout="compact"] .menu-table tr[data-entry-id] > td:nth-child(8) {
      grid-column: 2;
      grid-row: 2;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    body[data-design="workspace"] #menu-view:is([data-list-layout="tiles"], [data-list-layout="split"], [data-list-layout="compact"]) .menu-table :is(.menu-quantity-input, .menu-baseline input) {
      animation: none;
      transition: none;
    }
  }
}