/* Страница создания клана через 5 приглашений (public/clan-create.html) —
   дополнения поверх hero.css (та же светлая тема, что и везде на сайте). */

.cc-wrap { max-width: 560px; margin: 0 auto; display: flex; flex-direction: column; gap: 16px; }
.cc-card h3 { margin-top: 0; }

.cc-cancel-btn { display: block; width: 100%; margin-top: 12px; }

.cc-slot {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  padding: 10px 12px; border-radius: 10px; border: 1px solid var(--hh-border); margin-bottom: 8px;
}
.cc-slot-filled { background: #fafbfc; }
.cc-slot-declined { background: #fef5f5; opacity: 0.8; }
.cc-slot-empty { background: #fff; }
.cc-slot-name { font-weight: 600; font-size: 0.88rem; }
.cc-slot-status { font-size: 0.76rem; color: var(--hh-muted); }
.cc-slot-status.accepted { color: var(--hh-green, #2e7d32); font-weight: 700; }
.cc-slot-input {
  flex: 1; font: inherit; font-size: 0.85rem; padding: 7px 9px; border-radius: 7px; border: 1px solid var(--hh-border);
}
.cc-slot-invite-btn {
  padding: 7px 12px; border-radius: 7px; border: none; background: var(--hh-red); color: #fff;
  font-weight: 600; font-size: 0.8rem; cursor: pointer; white-space: nowrap;
}
.cc-slot-invite-btn:disabled { background: #c7cbd4; cursor: default; }

.cc-incoming-row {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  padding: 10px 0; border-bottom: 1px solid var(--hh-border); flex-wrap: wrap;
}
.cc-incoming-row:last-child { border-bottom: none; }
.cc-incoming-btns { display: flex; gap: 6px; flex-shrink: 0; }