/* «Команда» и окно «Пригласить участника» (Figma «LidFly — Проекты»,
   стр. 14 «Команда и доступы — понятный вариант», экраны A, B, B2, B3).
   Шкала текста: 32 заголовок, 20 карточка, 17 справка, 15 строка, 14 поле,
   13 мета. Кнопки, статусы и списки — общие компоненты; здесь только раскладка,
   аватар с инициалом, окно и меню «⋯», которых в дизайн-системе нет. */
.team-screen{font-family:var(--font-sans);color:var(--color-text)}
.team-screen h1,.team-screen h2,.team-screen h3,.team-screen p,.team-screen dl,.team-screen dd{margin:0}
.team-screen svg{flex:none}
.team-head{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.team-head>div{flex:1;min-width:0;display:grid;gap:4px}
.team-head .section-title{margin:0}
.team-head p{font-size:var(--text-lg);line-height:1.55;color:var(--color-text-muted)}
.team-head .btn svg,.team-person .btn svg{width:18px;height:18px}

.team-columns{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}
.team-main,.team-aside{display:grid;gap:16px;min-width:0}
.team-card{display:grid;padding:24px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-card);min-width:0}
.team-card h2{padding-bottom:16px;font-size:20px;font-weight:700;line-height:1.3}
.team-card--aside{gap:14px;padding:20px}
.team-card--aside h3{font-size:17px;font-weight:600;line-height:1.3}
.team-empty{padding-top:14px;border-top:1px solid var(--color-border);font-size:var(--text-lg);line-height:1.55;color:var(--color-text-muted)}

.team-people{list-style:none;margin:0;padding:0}
.team-person{display:flex;align-items:center;gap:14px;padding:14px 0;border-top:1px solid var(--color-border)}
.team-person.is-revoked .team-person__text{opacity:.7}
.team-avatar{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--status-success-bg);color:var(--color-forest);font-size:13px;font-weight:600;line-height:1}
.team-person__text{flex:1;min-width:0;display:grid;gap:2px}
.team-person__text strong{font-size:var(--text-lg);font-weight:600;line-height:1.55;overflow-wrap:anywhere}
.team-person__text small{font-size:13px;line-height:18px;color:var(--color-text-muted);overflow-wrap:anywhere}
.team-person__actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px 14px}

.team-facts>div{display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px;padding:12px 0;border-top:1px solid var(--color-border);font-size:14px}
.team-facts dt{font-weight:600;line-height:1.4}
.team-facts dd{line-height:1.55;color:var(--color-text-secondary)}

.team-points{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.team-points li{display:flex;align-items:flex-start;gap:10px}
.team-points svg{width:20px;height:20px;color:var(--color-text)}
.team-points li>div{display:grid;gap:2px;min-width:0}
.team-points strong{font-size:var(--text-lg);font-weight:600;line-height:1.55}
.team-points small{font-size:13px;line-height:18px;color:var(--color-text-muted)}
.team-points span{font-size:var(--text-lg);line-height:1.55}

/* Меню «⋯»: панель и пункты по Figma Menu / Panel и Menu / Option. */
.team-menu{position:relative;flex:none}
.team-menu>summary{list-style:none}
.team-menu>summary::-webkit-details-marker{display:none}
.team-menu>summary svg{width:16px;height:16px}
.team-menu__list{position:absolute;right:0;top:calc(100% + 6px);z-index:30;display:grid;gap:2px;min-width:220px;padding:6px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:14px;box-shadow:0 1px 2px rgba(20,20,20,.06),0 12px 32px -8px rgba(20,20,20,.18)}
.team-menu__list button{display:block;width:100%;min-height:36px;padding:6px 10px;border:0;border-radius:8px;background:none;color:var(--color-text);font:inherit;font-size:var(--text-lg);text-align:left;white-space:nowrap;cursor:pointer}
.team-menu__list button:hover,.team-menu__list button:focus-visible{background:var(--btn-plain-hover);outline:0}
.team-menu__list button.is-danger{color:var(--btn-danger-fg)}
.team-menu__list button.is-danger:hover,.team-menu__list button.is-danger:focus-visible{background:var(--btn-danger-plain-hover)}

/* Окно: в эталоне нет окна и затемнения — карточка 16 и тень Menu/Elevation. */
.team-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-start;padding:16px;background:rgba(20,20,20,.45);overflow-y:auto}
.team-dialog{box-sizing:border-box;width:min(600px,100%);margin:auto;padding:28px;background:var(--color-bg-card);border-radius:var(--radius-card);box-shadow:0 1px 1px rgba(20,20,20,.06),0 12px 32px rgba(20,20,20,.18);font-family:var(--font-sans);color:var(--color-text)}
.team-dialog h2,.team-dialog h3,.team-dialog p{margin:0}
.team-dialog svg{flex:none}
.team-role-body{display:grid;gap:20px;min-width:0}
.team-role-body:empty{display:none}
.team-form{display:grid;gap:20px}
.team-dialog__head{display:flex;align-items:center;gap:12px}
.team-dialog__head h2{flex:1;min-width:0;font-size:20px;font-weight:700;line-height:1.3}
.team-dialog__head .btn svg{width:16px;height:16px}
.team-dialog__error{font-size:14px;color:var(--status-danger-fg)}
.team-dialog__error:empty{display:none}
.team-dialog__actions{display:flex;flex-wrap:wrap;gap:12px}
.team-field{display:grid;gap:8px;min-width:0}
.team-field[hidden]{display:none}
.team-field>label,.team-label{margin:0;font-size:14px;font-weight:600;line-height:1.4;color:var(--color-text)}
.team-field--nested{margin-top:4px}
.team-input{box-sizing:border-box;width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius-element);background:var(--color-bg-card);color:var(--color-text);font:inherit;font-size:var(--text-lg);line-height:1.35}
.team-input:focus-visible{outline:none;border-color:var(--color-brand-text);box-shadow:0 0 0 1px var(--color-brand-text)}
.team-input:disabled{background:var(--color-bg);color:var(--color-text-muted)}
.team-hint{font-size:13px;line-height:18px;color:var(--color-text-muted)}
.team-hint[hidden]{display:none}
.team-hint--note{color:var(--status-warning-fg)}
.team-cost{font-size:14px;line-height:1.55;color:var(--color-text-secondary)}
.team-cost:empty{display:none}
.team-dialog .team-empty{padding:14px 16px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg)}
.team-dialog .lf-select{width:100%}

.team-abilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:16px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg)}
.team-abilities>div{display:grid;gap:10px;align-content:start}
.team-abilities h3{font-size:14px;font-weight:600;line-height:1.4}
.team-abilities ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.team-abilities li{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:1.55;color:var(--color-text-secondary)}
.team-abilities svg{width:20px;height:20px;margin-top:1px}
.team-abilities .is-can svg{color:var(--status-success-fg)}
.team-abilities .is-cannot svg{color:var(--color-text-muted)}

.team-levels{list-style:none;margin:0;padding:0}
.team-levels li{display:flex;align-items:center;gap:16px;padding:10px 0;border-top:1px solid var(--color-border)}
.team-levels li>div{flex:1;min-width:0;display:grid;gap:2px}
.team-levels strong{font-size:var(--text-lg);font-weight:600;line-height:1.55;overflow-wrap:anywhere}
.team-levels small{font-size:13px;line-height:18px;color:var(--color-text-muted)}
.team-levels .lf-select{flex:0 0 232px;width:232px}
.team-tool-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}
.team-tool-groups[hidden]{display:none}
.team-tool-group{display:grid;gap:6px;font-size:14px;font-weight:600}

@media (max-width:1100px){
  .team-columns{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .team-head{flex-direction:column;align-items:stretch}
  .team-person{flex-wrap:wrap}
  .team-person__actions{flex-basis:calc(100% - 54px);justify-content:flex-start;margin-left:54px}
  .team-facts>div{grid-template-columns:minmax(0,1fr);gap:4px}
  .team-dialog{padding:20px}
  .team-abilities,.team-tool-groups{grid-template-columns:minmax(0,1fr)}
  .team-levels li{flex-wrap:wrap}
  .team-levels .lf-select{flex-basis:100%;width:100%}
}