/* Люди арендатора, «Что и куда присылать», «Я оплатил», «после личного
   входа» (КА-1, plans/tenant-cabinet-v2/KA-1-people-notifications.md).
   Только токены кабинета (--ios-*), mobile-first; десктоп — те же блоки в
   колонке. */

/* --- «Сотрудники» --- */
.portal-people__lead {
  margin: 0 0 var(--ios-space-4);
}

.portal-people {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Легенда «Что видит каждая роль» — список-карточка: без отступа и маркеров
   браузера (у ul.portal-card их не снимает никто). Не .portal-people__roles:
   это форма ролей человека ниже */
.portal-people__legend {
  padding: 0;
  list-style: none;
}

.portal-people__item + .portal-people__item {
  border-top: 1px solid var(--ios-separator);
}

.portal-people__email {
  overflow-wrap: anywhere;
}

.portal-people__manage {
  padding: 0 var(--ios-space-4) var(--ios-space-3);
}

.portal-people__toggle {
  display: inline-flex;
  align-items: center;
  min-height: var(--ios-touch-min);
  cursor: pointer;
}

.portal-people__roles,
.portal-people__invite {
  display: grid;
  gap: var(--ios-space-3);
  margin: var(--ios-space-2) 0 0;
}

.portal-people__roles .portal-button,
.portal-people__invite .portal-button {
  justify-self: start;
}

.portal-people__disable-form {
  margin: var(--ios-space-2) 0 0;
}

.portal-people__notice {
  display: grid;
  gap: var(--ios-space-2);
  padding: var(--ios-space-3);
  border: 1px solid var(--ios-separator);
  border-radius: var(--ios-radius-field);
  background: var(--ios-surface);
}

.portal-people__notice-text {
  font: var(--ios-type-secondary);
  color: var(--ios-text-secondary);
}

.portal-people__notice-text p,
.portal-people__notice-text ul,
.portal-people__notice-text ol {
  margin: 0 0 var(--ios-space-2);
}

.portal-people__notice-title {
  font-weight: 600;
}

/* --- «Что и куда присылать» --- */
.portal-prefs__lead {
  margin: 0 0 var(--ios-space-4);
}

.portal-prefs__email {
  overflow-wrap: anywhere;
}

.portal-prefs {
  display: grid;
  gap: var(--ios-space-3);
}

.portal-prefs .portal-button {
  justify-self: start;
}

.portal-prefs__groups {
  margin: 0;
  padding: 0;
  list-style: none;
}

.portal-prefs__group {
  display: grid;
  gap: var(--ios-space-1);
  padding: var(--ios-space-3) var(--ios-space-4);
}

.portal-prefs__group + .portal-prefs__group {
  border-top: 1px solid var(--ios-separator);
}

.portal-prefs__group .portal-row__title,
.portal-prefs__group .portal-row__sub {
  margin: 0;
}

.portal-prefs__telegram {
  color: var(--ios-text-secondary);
}

/* --- «Я оплатил» в листе «Оплата» --- */
.portal-paid {
  margin: var(--ios-space-4) 0 0;
}

.portal-paid__toggle {
  list-style: none;
  cursor: pointer;
}

.portal-paid__toggle::-webkit-details-marker {
  display: none;
}

.portal-paid__form {
  display: grid;
  gap: var(--ios-space-3);
  margin: var(--ios-space-3) 0 0;
}

.portal-paid__lead {
  margin: 0;
}

/* --- «После личного входа» --- */
.portal-personal-only .portal-notice__action {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ios-space-2);
  justify-content: center;
}

.portal-personal-only__hint {
  margin: var(--ios-space-3) 0 0;
}

/* --- «Ваши сообщения об оплате» в «Деньги → Платежи» --- */
.portal-notices .portal-card {
  margin: 0;
  padding: 0;
  list-style: none;
}

.portal-notices__item + .portal-notices__item {
  border-top: 1px solid var(--ios-separator);
}