/* styles/default/components/c-member.css — #27 řádek člena projektu (Nastavení › Členové), formulář přidání zadáním e-mailu s potvrzením (blok Odebraní = c-fold, M9-11)
   Stavy: is-owner · is-pending · is-expired · is-disabled · is-removed · is-active
   Created :: 2026-10-22
   Updated :: 2026-10-29
   2026-10-29 :: 1.0.3 – c-member-add__hint pod řádkem
   2026-10-28 :: M9 – M9-04 (viz 04 kap. 3) */

.c-member-list { display: flex; flex-direction: column; }

.c-member {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto auto;
  align-items: center;
  gap: var(--sp-3);
  min-height: var(--row-h);
  padding: var(--sp-3) var(--sp-5);
  border-top: 1px solid var(--color-border);
}
.c-member__who { display: flex; align-items: center; gap: var(--sp-3); min-width: 0; }
.c-member__ident { display: flex; flex-direction: column; gap: .1rem; min-width: 0; }
.c-member__name { display: inline-flex; align-items: center; gap: var(--sp-2); flex-wrap: wrap; }
.c-member__state { display: flex; align-items: center; }
.c-member__access { display: flex; align-items: center; justify-content: flex-end; gap: var(--sp-2); min-width: 9rem; }
.c-member__access form { margin: 0; }
.c-member__actions { display: flex; align-items: center; justify-content: flex-end; gap: var(--sp-1); min-width: 3.2rem; }

.c-member.is-removed { opacity: .65; }
.c-member.is-removed:hover { opacity: 1; }
.c-member.is-pending .c-member__name, .c-member.is-expired .c-member__name, .c-member.is-disabled .c-member__name { color: var(--color-text-muted); }

/* Formulář přidání: e-mail · právo · Přidat; pod nimi řádek potvrzení (a/clen-overit.php) */
.c-member-add { border-bottom: 0; }
.c-member-add__form { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--sp-3); }
.c-member-add__email { flex: 1 1 28rem; min-width: 0; }
.c-member-add__access { flex: 0 0 auto; }
.c-member-add__submit { flex: 0 0 auto; display: flex; align-items: flex-end; }
.c-member-add__hint { flex: 1 1 100%; margin-top: calc(-1 * var(--sp-1)); }   /* nápověda pod celým řádkem (1.0.3) */
.c-member-add__check { flex: 1 1 100%; }
.c-member-add__check[hidden] { display: none; }

/* Potvrzení před přidáním (c-member-result--check): avatar / ikona · jméno + e-mail + badge · co se stane */
.c-member-result { display: flex; flex-direction: column; gap: .1rem; min-width: 0; flex: 1 1 auto; text-align: left; }
.c-member-result__name { font-weight: var(--fw-medium); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.c-member-result__email { color: var(--color-text-muted); font-size: var(--fs-sm); font-weight: var(--fw-regular); }
.c-member-result__note { color: var(--color-text-muted); font-size: var(--fs-sm); }
.c-member-result--check { flex-direction: row; align-items: center; gap: var(--sp-3); padding: var(--sp-2) var(--sp-3); border: 1px solid var(--color-border); border-radius: var(--r-md); background: var(--color-surface-2); }
.c-member-result--check .c-member-result__body { display: flex; flex-direction: column; gap: .1rem; min-width: 0; }
.c-member-result--check .c-member-result__name { white-space: normal; }
.c-member-result--check.is-blocked { border-color: var(--color-warning); background: var(--color-warning-soft); }
.c-member-result--check.is-blocked .c-member-result__note { color: var(--color-text); }

@media (max-width: 767.98px) {
  .c-member { grid-template-columns: minmax(0, 1fr) auto; padding: var(--sp-3) var(--sp-4); row-gap: var(--sp-2); }
  .c-member__state { grid-column: 1 / -1; order: 3; }
  .c-member__state:empty { display: none; }
  .c-member__access { grid-column: 1 / 2; order: 4; justify-content: flex-start; min-width: 0; }
  .c-member__actions { grid-row: 1; grid-column: 2; }
}