/* v68 - Manage Team avatar readability follow-up. */

/* Team initials must remain readable even when a saved team colour is blue. */
.tm-team-card .tm-team-avatar,
.tm-team-card .tm-team-avatar *,
.tm-teams-grid .tm-team-avatar,
.tm-teams-grid .tm-team-avatar * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
}

/* Restore the original Team Management navigation and keep its controls visible
   at narrower desktop widths. */
.tm-page-content {
  min-width: 0;
}

.tm-page-section-toolbar > div:last-child {
  min-width: 0;
  flex-wrap: wrap;
}

.tm-page-section-toolbar .tm-add-member-btn {
  flex: 0 0 auto;
  white-space: nowrap;
}

@media (max-width: 1100px) {
  .tm-page-sidebar {
    width: 218px;
  }

  .tm-page-content {
    padding: 24px;
  }

  .tm-page-stats-bar {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
  }

  .tm-page-stat-card {
    min-width: 0;
  }

  .tm-page-members-grid {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  }
}

@media (max-width: 760px) {
  .tm-page {
    flex-direction: column;
  }

  .tm-page-sidebar {
    width: 100%;
    padding: 14px 0 8px;
    border-right: 0;
    border-bottom: 1px solid var(--border, #e5e7eb);
  }

  .tm-page-sidebar-header {
    padding: 0 16px 12px;
  }

  .tm-page-nav {
    flex-direction: row;
    overflow-x: auto;
    padding: 8px 12px;
    gap: 8px;
  }

  .tm-page-nav-item {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .tm-page-content {
    padding: 18px 16px;
  }

  .tm-page-section-toolbar,
  .tm-page-section-toolbar > div:last-child {
    align-items: stretch !important;
    flex-direction: column;
  }

  .tm-page-section-toolbar .tm-add-member-btn {
    width: 100%;
    justify-content: center;
  }

  .tm-page-stats-bar,
  .tm-page-members-grid {
    grid-template-columns: 1fr;
  }
}