/* Scoped to the project/member surfaces and the existing private admin page. */
.cc-member, .cc-project-list, .cc-project-detail, .cc-intention { overflow-wrap: anywhere; }
.cc-member .profile-card > div, .cc-member .my-grid > *,
.cc-project-list .project-card, .cc-project-detail .detail-tags > * { min-width: 0; }
.cc-member .profile-card > div:nth-child(2) { flex: 1; }
.cc-member .request-item details { margin-top: 14px; }
.cc-member .request-item summary { cursor: pointer; color: #626b75; font-size: 14px; padding: 10px 0; }
.cc-member .request-item details p { font-size: 14px; }
.cc-member .request-item .account-actions { margin-top: 12px; }
.cc-member .request-item .account-actions .text-link { margin: 0; }
.cc-project-list .empty-state { grid-column: 1 / -1; }
.cc-project-list .tag, .cc-project-detail .tag { white-space: normal; max-width: 100%; }
.admin-body .interest-heading > *, .admin-body .contact-box > *, .admin-body .interest-details > * { min-width: 0; max-width: 100%; }
.admin-body .interest-card, .admin-body #project-editor, .admin-body .content-grid { overflow-wrap: anywhere; }
.admin-body .interest-card .tag { white-space: normal; }
.admin-body .contact-box span { user-select: text; }
.admin-body .admin-filter-note { flex-basis: 100%; margin: 0; }
.admin-body .admin-filters select { text-overflow: ellipsis; }
.admin-body .admin-header > * { min-width: 0; }
.admin-body .admin-header .brand { white-space: normal; }
@media (max-width: 760px) {
  #detail-dialog:has(.cc-intention), #detail-dialog:has(.cc-project-detail) { max-width: 100%; }
  .cc-member .text-link, .cc-member summary, .cc-project-list .text-link,
  .admin-body .text-link, .admin-body .btn, .admin-body .type-filter { min-height: 44px; }
  .cc-member .profile-card > div:nth-child(2) { flex-basis: calc(100% - 75px); }
  .cc-member .profile-card .account-actions { width: 100%; }
  .cc-intention .dialog-footer, .cc-project-detail + .dialog-footer,
  .admin-body #project-editor .dialog-footer { flex-wrap: wrap; }
  .cc-intention .dialog-footer p, .cc-project-detail + .dialog-footer p,
  .admin-body #project-editor .dialog-footer p { max-width: 100%; }
  .cc-intention .dialog-footer .btn, .cc-project-detail + .dialog-footer .btn,
  .admin-body #project-editor .dialog-footer .btn { width: 100%; justify-content: center; }
  .admin-body .pagination { gap: 12px; }
  .admin-body .contact-box { align-items: flex-start; }
  .admin-body .contact-box span { flex-basis: 100%; }
  #detail-dialog:has(.cc-intention) .close-button, #detail-dialog:has(.cc-project-detail) .close-button,
  .admin-body .close-button { min-width: 44px; min-height: 44px; }
}