/* redpol_v541: table and filter layout stability */

.app-shell-unified-v211 .table-wrap,
.app-shell-unified-v211 .table-responsive,
.app-shell-unified-v211 .overflow-table,
.app-shell-unified-v211 .data-table-wrap-v221,
.app-shell-unified-v211 .rent-table-wrap-v321,
.app-shell-unified-v211 .fik-table-wrap,
.app-shell-unified-v211 .ms-table-wrap,
.app-shell-unified-v211 .links-table-wrap,
.app-shell-unified-v211 .vote-table-wrap,
.app-shell-unified-v211 .res-table-wrap,
.app-shell-unified-v211 .maint-table-shell,
.app-shell-unified-v211 .vote-votes-table-wrap {
  box-sizing: border-box !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  -webkit-overflow-scrolling: touch;
}

.app-shell-unified-v211 .table-wrap table,
.app-shell-unified-v211 .table-responsive table,
.app-shell-unified-v211 .overflow-table table,
.app-shell-unified-v211 .data-table-wrap-v221 table,
.app-shell-unified-v211 .rent-table-wrap-v321 table,
.app-shell-unified-v211 .fik-table-wrap table,
.app-shell-unified-v211 .ms-table-wrap table,
.app-shell-unified-v211 .links-table-wrap table,
.app-shell-unified-v211 .vote-table-wrap table,
.app-shell-unified-v211 .res-table-wrap table,
.app-shell-unified-v211 .maint-table-shell table,
.app-shell-unified-v211 .vote-votes-table-wrap table {
  max-width: none !important;
  min-width: 720px;
  table-layout: auto !important;
  width: 100% !important;
}

.app-shell-unified-v211 table td,
.app-shell-unified-v211 table td a,
.app-shell-unified-v211 table td span,
.app-shell-unified-v211 table td p,
.app-shell-unified-v211 .data-table-v221 td,
.app-shell-unified-v211 .rent-table-v321 td,
.app-shell-unified-v211 .fik-table td,
.app-shell-unified-v211 .ms-table td,
.app-shell-unified-v211 .links-table td,
.app-shell-unified-v211 .maint-table td {
  max-width: 100%;
  overflow-wrap: anywhere;
  white-space: normal !important;
  word-break: normal;
}

.app-shell-unified-v211 table th {
  overflow-wrap: normal;
}

.app-shell-unified-v211 .table-actions,
.app-shell-unified-v211 .data-row-actions-v221,
.app-shell-unified-v211 .rent-row-actions-v321,
.app-shell-unified-v211 .fik-row-actions,
.app-shell-unified-v211 .ms-row-actions,
.app-shell-unified-v211 .links-row-actions,
.app-shell-unified-v211 .maint-row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  max-width: 100%;
  min-width: 0;
}

/* stylelint-disable-next-line selector-disallowed-list -- LEGACY v541 catch-all (scoped do .table-actions), kept until UI refactor. Migration tracked in docs/backlog/STYLELINT_LEGACY_CSS_CLEANUP.md */
.app-shell-unified-v211 .table-actions .btn,
.app-shell-unified-v211 .data-row-actions-v221 .btn,
.app-shell-unified-v211 .rent-row-actions-v321 .btn,
.app-shell-unified-v211 .fik-row-actions .btn,
.app-shell-unified-v211 .ms-row-actions .btn,
.app-shell-unified-v211 .links-row-actions .btn,
.app-shell-unified-v211 .maint-row-actions .btn {
  max-width: 100%;
  white-space: normal;
}

.app-shell-unified-v211 .filters,
.app-shell-unified-v211 .filter-bar,
.app-shell-unified-v211 .filter-card,
.app-shell-unified-v211 .data-filter-v221,
.app-shell-unified-v211 .admin-filter-v229,
.app-shell-unified-v211 .rent-filter-v321,
.app-shell-unified-v211 .fik-filter,
.app-shell-unified-v211 .ms-filter,
.app-shell-unified-v211 .links-filter,
.app-shell-unified-v211 .maint-filter {
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
}

.app-shell-unified-v211 .filters form,
.app-shell-unified-v211 .filter-bar form,
.app-shell-unified-v211 .filter-card form,
.app-shell-unified-v211 .filter-card__form,
.app-shell-unified-v211 .data-filter-v221 form,
.app-shell-unified-v211 .admin-filter-v229,
.app-shell-unified-v211 .rent-filter-v321 form,
.app-shell-unified-v211 .fik-filter form,
.app-shell-unified-v211 .ms-filter form,
.app-shell-unified-v211 .links-filter form,
.app-shell-unified-v211 .maint-filter form,
.app-shell-unified-v211 .maint-filter-grid,
.app-shell-unified-v211 .res-filter-form {
  align-items: end;
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr));
  max-width: 100%;
  min-width: 0;
}

.app-shell-unified-v211 .filters label,
.app-shell-unified-v211 .filter-bar label,
.app-shell-unified-v211 .filter-card label,
.app-shell-unified-v211 .data-filter-v221 label,
.app-shell-unified-v211 .admin-filter-v229 label,
.app-shell-unified-v211 .rent-filter-v321 label,
.app-shell-unified-v211 .fik-filter label,
.app-shell-unified-v211 .ms-filter label,
.app-shell-unified-v211 .links-filter label,
.app-shell-unified-v211 .maint-filter label {
  min-width: 0;
}

.app-shell-unified-v211 .filters input,
.app-shell-unified-v211 .filters select,
.app-shell-unified-v211 .filter-bar input,
.app-shell-unified-v211 .filter-bar select,
.app-shell-unified-v211 .filter-card input,
.app-shell-unified-v211 .filter-card select,
.app-shell-unified-v211 .data-filter-v221 input,
.app-shell-unified-v211 .data-filter-v221 select,
.app-shell-unified-v211 .admin-filter-v229 input,
.app-shell-unified-v211 .admin-filter-v229 select,
.app-shell-unified-v211 .rent-filter-v321 input,
.app-shell-unified-v211 .rent-filter-v321 select,
.app-shell-unified-v211 .fik-filter input,
.app-shell-unified-v211 .fik-filter select,
.app-shell-unified-v211 .ms-filter input,
.app-shell-unified-v211 .ms-filter select,
.app-shell-unified-v211 .links-filter input,
.app-shell-unified-v211 .links-filter select,
.app-shell-unified-v211 .maint-filter input,
.app-shell-unified-v211 .maint-filter select {
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
  width: 100%;
}

.app-shell-unified-v211 .pagination,
.app-shell-unified-v211 .data-pagination-v231,
.app-shell-unified-v211 .data-pager-v231,
.app-shell-unified-v211 .data-pager-top-v235,
.app-shell-unified-v211 .data-page-size-v231,
.app-shell-unified-v211 .data-page-size-top-v232,
.app-shell-unified-v211 .links-pager,
.app-shell-unified-v211 .links-page-buttons,
.app-shell-unified-v211 .ms-pagination,
.app-shell-unified-v211 .maint-pagination-row,
.app-shell-unified-v211 .vote-votes-pager {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  max-width: 100%;
  min-width: 0;
}

.app-shell-unified-v211 .data-toolbar-v221,
.app-shell-unified-v211 .data-list-toolbar-v232,
.app-shell-unified-v211 .table-toolbar {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-between;
  max-width: 100%;
  min-width: 0;
}

@media (max-width: 760px) {
  .app-shell-unified-v211 .table-wrap table,
  .app-shell-unified-v211 .table-responsive table,
  .app-shell-unified-v211 .overflow-table table,
  .app-shell-unified-v211 .data-table-wrap-v221 table,
  .app-shell-unified-v211 .rent-table-wrap-v321 table,
  .app-shell-unified-v211 .fik-table-wrap table,
  .app-shell-unified-v211 .ms-table-wrap table,
  .app-shell-unified-v211 .links-table-wrap table,
  .app-shell-unified-v211 .vote-table-wrap table,
  .app-shell-unified-v211 .res-table-wrap table,
  .app-shell-unified-v211 .maint-table-shell table,
  .app-shell-unified-v211 .vote-votes-table-wrap table {
    min-width: 640px;
  }

  .app-shell-unified-v211 table th,
  .app-shell-unified-v211 table td {
    padding-left: 10px;
    padding-right: 10px;
  }
}