/* Очки по клану: поиск и карточка клана (таблица — datatable.css). */

.clan-search { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 18px; }
.clan-search__input { min-width: 260px; }
.clan-search__input input { text-transform: uppercase; letter-spacing: .04em; }
.clan-search__input input::placeholder { text-transform: none; letter-spacing: 0; }
.clan-search .btn { height: 36px; }
.clan-search__error { color: var(--loss); font-weight: 600; font-size: 13.5px; }

.clan-empty { padding: 40px 16px; background: var(--panel); border: 1px dashed var(--line); border-radius: var(--radius); }

.clan-card {
  display: flex; flex-wrap: wrap; align-items: center; gap: 16px 32px;
  padding: 18px 22px; margin-bottom: 18px;
  background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow);
}
.clan-card__title { display: flex; align-items: center; gap: 14px; min-width: 180px; }
.clan-card__emblem { width: 40px; height: 40px; object-fit: contain; }
.clan-card__tag { font: var(--fh-w) 22px var(--fh); color: var(--hi); }
.clan-card__tag:hover { text-decoration: underline; text-underline-offset: 3px; }
.clan-card__sub { margin-top: 2px; font-size: 12.5px; color: var(--dim); }

.clan-card__stats {
  flex: 1; display: grid; grid-template-columns: repeat(auto-fit, minmax(128px, 1fr)); gap: 12px 20px;
}
.clan-companies {
  flex-basis: 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 4px;
  padding-top: 12px; border-top: 1px solid var(--line2);
}
.clan-companies[hidden] { display: none; }
.clan-companies__count { margin-right: 10px; font-size: 12.5px; color: var(--dim); }

.clan-card__stats dt { font-size: 12.5px; color: var(--dim); margin-bottom: 2px; }
.clan-card__stats dd { font: 600 16px var(--fn); color: var(--hi); white-space: nowrap; }