/* 后台意见反馈布局：将误落在 admin-main 外的反馈内容紧接标题展示。 */
@media (width > 760px) {
  .admin-page:has(> .feedback-admin-card) {
    display: block;
    min-height: 100vh;
    padding-left: 240px;
  }

  .admin-page:has(> .feedback-admin-card) > .admin-sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    width: 240px;
    height: 100vh;
  }

  .admin-page:has(> .feedback-admin-card) > .admin-main {
    min-height: 0;
    padding-bottom: 18px;
  }

  .admin-page:has(> .feedback-admin-card) > .feedback-metrics,
  .admin-page:has(> .feedback-admin-card) > .feedback-admin-card {
    width: auto;
    margin-right: 40px;
    margin-left: 40px;
  }

  .admin-page:has(> .feedback-admin-card) > .feedback-metrics {
    margin-bottom: 18px;
  }

  .admin-page:has(> .feedback-admin-card) > .feedback-admin-card {
    margin-bottom: 40px;
  }
}

.feedback-metrics button {
  min-height: 92px;
  padding: 16px 18px;
}

.feedback-metrics strong {
  margin-top: 7px;
  font-size: 27px;
}

.feedback-filter-grid {
  grid-template-columns: 145px 165px minmax(220px, 1fr) 155px 155px auto;
  gap: 12px;
}

.feedback-filter-actions {
  grid-column: auto;
  align-self: end;
  white-space: nowrap;
}

.feedback-table {
  min-width: 780px;
  table-layout: fixed;
}

.feedback-table th:nth-child(1) { width: 138px; }
.feedback-table th:nth-child(2) { width: 260px; }
.feedback-table th:nth-child(3) { width: 128px; }
.feedback-table th:nth-child(4) { width: 132px; }
.feedback-table th:nth-child(5) { width: 72px; }
.feedback-table th:nth-child(6) { width: 66px; }

.feedback-table td,
.feedback-table th {
  overflow-wrap: anywhere;
}

@media (width <= 1180px) {
  .feedback-filter-grid {
    grid-template-columns: repeat(2, minmax(170px, 1fr));
  }

  .feedback-filter-grid > label:nth-child(3) {
    grid-column: 1 / -1;
  }

  .feedback-filter-actions {
    grid-column: 1 / -1;
  }
}

@media (width <= 760px) {
  .admin-page:has(> .feedback-admin-card) > .feedback-metrics,
  .admin-page:has(> .feedback-admin-card) > .feedback-admin-card {
    margin-right: 14px;
    margin-left: 14px;
  }

  .feedback-metrics {
    margin-top: 0;
  }

  .feedback-filter-grid,
  .feedback-filter-grid > label:nth-child(3),
  .feedback-filter-actions {
    grid-template-columns: 1fr;
    grid-column: auto;
  }

  .feedback-filter-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .feedback-table {
    min-width: 720px;
  }
}