/* Desktop workspace: use the full area beside navigation and keep the page header compact. */
@media (min-width: 901px) {
  .workspace {
    grid-template-rows: 76px minmax(0, 1fr);
  }

  .topbar {
    min-height: 76px;
    gap: 18px;
    padding: 9px clamp(16px, 1.35vw, 26px);
  }

  .topbar > div:first-child {
    min-width: 0;
  }

  .topbar small {
    display: block;
    font-size: .64rem;
    line-height: 1;
  }

  .topbar h2 {
    margin-top: 3px;
    font-size: 1.3rem;
    line-height: 1.15;
  }

  .topbar p {
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .74rem;
    line-height: 1.25;
  }

  .topbar .primary-button,
  .topbar .ghost-button {
    min-height: 38px;
    padding-inline: 12px;
    font-size: .8rem;
  }

  .view {
    width: 100%;
    max-width: none;
    margin-inline: 0;
    padding: 12px clamp(14px, 1.25vw, 24px);
  }

  .table-view {
    width: 100%;
  }

  .table-view > .toolbar,
  .table-view > .data-panel {
    width: 100%;
    max-width: none;
    margin-inline: 0;
  }

  .batch-view {
    width: 100%;
  }

  .batch-view > .batch-panel {
    width: 100%;
    max-width: none;
    margin-inline: 0;
  }

  .users-view {
    width: 100%;
  }

  .inventory-grid {
    grid-template-columns: 90px minmax(240px, 1.8fr) 105px 80px 125px minmax(150px, .8fr);
    justify-content: stretch;
  }

  .raw-inventory-grid {
    grid-template-columns: 90px minmax(230px, 1.5fr) 100px 100px 125px minmax(150px, .8fr);
    justify-content: stretch;
  }

  .working-grid {
    grid-template-columns: 38px 82px 100px 80px minmax(180px, 1fr) 72px 70px 82px 88px;
    gap: 10px;
    justify-content: stretch;
  }

  .delay-grid {
    grid-template-columns: 75px 90px minmax(210px, 1fr) 90px 110px 160px;
    justify-content: stretch;
  }

  .check-grid {
    grid-template-columns: 90px minmax(220px, 1.25fr) minmax(160px, 1fr) 90px 125px;
    justify-content: stretch;
  }

  .batch-grid {
    grid-template-columns: 46px 110px minmax(240px, 1.35fr) 100px minmax(180px, 1fr) 42px;
    justify-content: stretch;
  }

  .task-batch-grid {
    grid-template-columns: 46px 115px minmax(240px, 1.35fr) 120px minmax(190px, 1fr) 42px;
    justify-content: stretch;
  }
}

.option-cell {
  display: block;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}