/**
 * Table view — phones & tablets (≤1400px).
 * Same compact UI as phone: FAB + selection bar,
stacked row actions,
touch toolbars.
 * Requires html.is-compact-layout (app.js).
 */

@media (max-width: 1400px) {
  html.is-compact-layout .roadmaps-view--table {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }

  /* Table toolbar single row: view-toolbars-modern.css (group bar uses display: contents) */

  html.is-compact-layout .roadmaps-table-group-label {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin: 0;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #92400e;
  }

  html.is-compact-layout .roadmaps-table-group-label__icon {
    display: inline-flex;
    color: #b45309;
  }

  html.is-compact-layout .roadmaps-table-group-control-wrap {
    min-width: 0;
  }

  html.is-compact-layout .roadmaps-table-group-select {
    width: 100%;
    min-height: 44px;
    padding: 0.45rem 2rem 0.45rem 0.65rem;
    border-radius: 10px;
    border: 1px solid rgba(202, 138, 4, 0.35);
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23b45309' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.65rem center;
    font-size: 0.84rem;
    font-weight: 650;
    color: #1c1917;
    appearance: none;
    -webkit-appearance: none;
  }

  html.is-compact-layout .roadmaps-table-group-select:focus-visible {
    outline: 2px solid rgba(180, 83, 9, 0.45);
    outline-offset: 1px;
  }

  html.is-compact-layout .roadmaps-table-group-summary {
    margin: 0;
    font-size: 0.72rem;
    line-height: 1.35;
    color: #78716c;
  }

  /* Bulk delete uses floating selection bar on compact (not toolbar) */
  html.is-compact-layout #bulkDeleteBtn.view-toolbar__btn--danger {
    display: none !important;
  }

  html.is-compact-layout .view-toolbar--table .view-toolbar__btn-label,
  html.is-compact-layout .view-toolbar--table .view-fullscreen-label {
    display: none;
  }

  html.is-compact-layout .view-toolbar--table .view-fullscreen-btn.is-fullscreen .view-fullscreen-label {
    display: inline;
    font-size: 0.72rem;
    font-weight: 700;
  }

  html.is-compact-layout .view-toolbar--table .view-toolbar__btn,
  html.is-compact-layout .view-toolbar--table .view-fullscreen-btn {
    min-width: 44px;
    min-height: var(--compact-touch, 44px);
    padding-left: 0.35rem !important;
    padding-right: 0.35rem !important;
  }

  html.is-compact-layout .workspace-panel--v2 .table-wrapper--modern {
    max-height: none;
    overflow: visible;
  }

  html.is-compact-layout .table-wrapper--modern .cell-actions:not(.cell-actions--roadmap) {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.35rem !important;
  }

  html.is-compact-layout .table-wrapper--modern .cell-actions:not(.cell-actions--roadmap) .btn-secondary {
    width: 100% !important;
    min-height: 40px;
    justify-content: center;
  }

  html.is-compact-layout .table-wrapper--modern tbody td,
  html.is-compact-layout .table-wrapper--modern thead th {
    font-size: 0.78rem !important;
  }

  html.is-compact-layout .table-wrapper--modern thead th {
    padding: 0.38rem 0.32rem !important;
  }

  html.is-compact-layout .table-wrapper--modern tbody td {
    padding: 0.36rem 0.3rem !important;
  }
}/* Fullscreen table on compact */
@media (max-width: 1400px) {
  html.is-compact-layout .view-in-fullscreen-host.roadmaps-view--table .table-wrapper--modern {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  html.is-compact-layout .view-in-fullscreen-host #bulkDeleteBtn.view-toolbar__btn--danger {
    display: none !important;
  }
}