/* Стили Pages/App/Clan (Д109): «Мой клан» и ссылка-приглашение. */
.clan-empty p{margin:0 0 10px}
.clan-with{padding:8px 12px;border-radius:var(--radius-xs);background:rgba(63,185,80,.1)}
.clan-ways{display:grid;gap:8px;margin:0 0 16px;padding:0;list-style:none;color:var(--text-body)}
.clan-ways li{display:flex;gap:8px;align-items:flex-start}
.clan-ways svg{flex:none;margin-top:3px;color:var(--accent)}

/* Шапка: знак, имя с тегом и карандашом, сколько людей, «О клане». Менеджеру знак — кнопка (сменить), значок камеры в углу. */
.clan-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start}
.clan-emblem{flex:none;display:block;width:96px;height:96px;border-radius:var(--radius-md);object-fit:cover;background:var(--ink-700);border:1px solid var(--border-hairline)}
.clan-emblem--tag{display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:24px;color:var(--text-heading);letter-spacing:.02em}
.clan-emblem-btn{position:relative;padding:0;border:0;background:none;cursor:pointer;border-radius:var(--radius-md)}
.clan-emblem-btn:hover .clan-emblem{border-color:var(--accent)}
.clan-emblem-btn__edit{position:absolute;right:-6px;bottom:-6px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ink-700);border:1px solid var(--border-strong);color:var(--text-heading)}
.clan-title{min-width:0;display:grid;gap:6px;align-content:start}
.clan-title__name{display:flex;align-items:center;gap:8px;min-width:0}
.clan-title h1{margin:0;overflow-wrap:anywhere}
.clan-tag{color:var(--text-muted);font-weight:700}
.clan-edit{flex:none;display:inline-grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid transparent;border-radius:8px;background:none;color:var(--text-muted);cursor:pointer;vertical-align:middle}
.clan-edit:hover:not(:disabled){border-color:var(--border-strong);color:var(--text-heading)}
.clan-edit:disabled{opacity:.45;cursor:default}
.clan-meta{margin:0;color:var(--text-muted);font-size:14px;display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center}
.clan-wars{justify-self:start;display:inline-flex;align-items:center;gap:6px;color:var(--text-body);font-size:13px;text-decoration:none}
.clan-wars:hover{color:var(--accent)}
.clan-about{margin:0;max-width:100%;color:var(--text-body);white-space:pre-line;overflow-wrap:anywhere}
.clan-about .clan-edit{width:24px;height:24px}
.clan-about-add{justify-self:start;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px dashed var(--border-strong);border-radius:var(--radius-pill);background:none;color:var(--text-muted);font:inherit;font-size:13px;cursor:pointer}
.clan-about-add:hover{color:var(--text-heading);border-color:var(--accent)}

/* Менеджеру — «Набор в клан» и «Приглашение» карточками рядом; низ — подсказка и «Выйти»/«Распустить» (чужим — заявка и жалоба). */
.clan-page{display:grid;gap:22px;width:100%}
.clan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.clan-box{display:grid;gap:10px;align-content:start;justify-items:start;padding:18px;border:1px solid var(--border-hairline);border-radius:var(--radius-sm);background:rgba(255,255,255,.02)}
.clan-box h2,.clan-box p{margin:0}
.clan-box h2{display:flex;align-items:center;gap:8px;font-size:18px}
.clan-box .row{display:flex;gap:8px;flex-wrap:wrap}
.clan-box form{margin:0}
.clan-link__url{min-width:0;max-width:100%;padding:6px 10px;border-radius:var(--radius-xs);background:var(--ink-700);color:var(--text-body);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clan-foot{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding-top:14px;border-top:1px solid var(--border-hairline)}
.clan-foot>span{margin-right:auto}
.clan-foot form{margin:0}
@media (max-width:760px){.clan-grid{grid-template-columns:minmax(0,1fr)}.clan-head{grid-template-columns:72px minmax(0,1fr)}.clan-emblem{width:72px;height:72px}}

/* Участники: человек, ранги игр значками, действия по роли. На телефоне действия — под строкой. */
.clan-members{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.clan-member{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center;padding:10px 12px;border:1px solid var(--border-hairline);border-radius:var(--radius-sm);background:var(--ink-800)}
.clan-ranks{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.clan-rank{display:inline-flex;gap:4px;align-items:center;padding:2px 6px;border-radius:var(--radius-pill);background:var(--ink-700)}
.clan-member__acts{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.clan-member__acts form{margin:0}
.clan-tag-input{text-transform:uppercase}

.clan-join{display:grid;gap:14px;max-width:560px}
.clan-join h1{margin:0}
.clan-join p{margin:0}

/* История: строка — когда и что; новые сверху. */
.clan-history{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.clan-history__row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:baseline;padding:8px 12px;border:1px solid var(--border-hairline);border-radius:var(--radius-sm);background:var(--ink-800)}
.clan-history__row time{color:var(--text-muted);font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}

/* Окно клана в колоде (Window.cshtml): шапка в строку; слева состав строками, справа чат (над ним — голос); телефон — вкладками. */
.clw{display:grid;grid-template-columns:200px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);height:100vh;height:100dvh;background:var(--ink-800)}
.clw-head{grid-column:1/-1;display:flex;align-items:center;gap:10px;min-height:48px;padding:7px 48px 7px 12px;border-bottom:1px solid var(--border-hairline)}
.clw-emblem{flex:none;width:30px;height:30px;border-radius:9px;object-fit:cover;background:var(--ink-700)}
.clw-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clw-title b{color:var(--text-heading);font-size:15px}
.clw-title .clan-tag{color:var(--accent)}
.clw-title small{color:var(--text-muted);font-size:12px}
.clw-go{flex:none;display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border:1px solid var(--border-strong);border-radius:999px;color:var(--text-body);font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap}
.clw-go:hover{border-color:var(--accent);color:var(--text-heading)}
.clw-go--own{border-color:rgba(253,169,45,.55);color:var(--accent)}
.clw-side{grid-column:1;grid-row:2;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:8px 6px;border-right:1px solid var(--border-hairline)}
.clw .tw-chat{grid-column:2;grid-row:2}
/* Строка участника: аватар, ник, наушники (в голосе), роль словом — владелец золотом, менеджер синим. */
.clw-m{display:flex;align-items:center;gap:8px;width:100%;padding:5px 8px;border:0;border-radius:8px;background:none;color:var(--text-body);font:inherit;font-size:13px;text-align:left;cursor:pointer}
.clw-m:hover{background:rgba(255,255,255,.05)}
.clw-m .fxw{flex:none}
.clw-m__av{flex:none;display:block;width:26px;height:26px;border-radius:var(--av-r);object-fit:cover;box-shadow:0 0 0 2px transparent;transition:box-shadow .12s}
.clw-m.in-call .clw-m__av{box-shadow:0 0 0 2px rgba(63,185,80,.55)}
.clw-m.is-talking .clw-m__av{box-shadow:0 0 0 2px #3fb950}
.clw-m__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clw-m.is-me .clw-m__name{color:var(--accent)}
.clw-m__voice{display:none;flex:none;color:#3fb950}
.clw-m.in-call .clw-m__voice{display:inline-flex}
.clw-m.is-quiet .clw-m__voice{color:#f85149}
.clw-m__role{flex:none;font-size:11px;font-weight:600}
.clw-m__role--owner{color:#f5c451}
.clw-m__role--manager{color:#7aa7ff}
/* Сборы клана над лентой чата (clan-window.js): что, когда, «идут / нужно», кто идёт аватарами, запас; «Иду · Запас · Не могу». */
.clw-rallies{display:grid;gap:8px;max-height:46%;overflow-y:auto;padding:8px 10px;border-bottom:1px solid var(--border-hairline);background:rgba(255,255,255,.02)}
.clw-rallies[hidden]{display:none}
.clw-rallies__add{justify-self:start;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px dashed var(--border-strong);border-radius:var(--radius-pill);background:none;color:var(--text-muted);font:inherit;font-size:12.5px;cursor:pointer}
.clw-rallies__add:hover{color:var(--text-heading);border-color:var(--accent)}
.clw-rally{display:grid;gap:6px;padding:8px 10px;border:1px solid rgba(253,169,45,.35);border-radius:10px;background:rgba(253,169,45,.05)}
.clw-rally__head{display:flex;align-items:center;gap:8px;min-width:0}
.clw-rally__head b{color:var(--text-heading);font-size:13.5px;white-space:nowrap}
.clw-rally__when{min-width:0;color:var(--text-body);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clw-rally__count{margin-left:auto;flex:none;padding:1px 8px;border-radius:999px;background:var(--ink-700);color:var(--text-heading);font-size:12px;font-weight:700}
.clw-rally__count.is-full{background:rgba(63,185,80,.18);color:#8ee39c}
.clw-rally__cancel{flex:none;width:24px;height:24px;padding:0;border:0;border-radius:6px;background:none;color:var(--text-muted);cursor:pointer}
.clw-rally__cancel:hover{background:rgba(248,81,73,.12);color:#ff9a94}
.clw-rally__who{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.clw-rally__who small{min-width:0;margin-left:4px;color:var(--text-muted);font-size:12px}
.clw-rally__av{width:24px;height:24px;border-radius:var(--av-r);object-fit:cover;cursor:pointer}
.clw-rally__av.is-extra{opacity:.55}
.clw-rally__answer{margin-left:auto}
.clw-rally__answer .seg__btn[aria-pressed="true"]{background:var(--accent);color:#1A0E00;font-weight:700}
.clw-panes{display:none}
@media (max-width:640px){
  .clw{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
  .clw-head{display:none}
  .clw-panes{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;grid-column:1;grid-row:1}
  .clw-panes .seg__btn{min-width:0;padding-left:6px;padding-right:6px}
  .clw-side,.clw .tw-chat{grid-column:1;grid-row:2;border-right:0}
  .clw[data-pane=chat] .clw-side,.clw[data-pane=side] .tw-chat{display:none}
}

/* Окно «Знак клана»: превью квадратом слева, правила справа; на телефоне — одно под другим. */
.clan-emblem-pick{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:start}
.clan-emblem-preview{display:grid;place-items:center;width:96px;height:96px;overflow:hidden;border-radius:var(--radius-sm);background:var(--ink-700);border:1px solid var(--border-hairline);color:var(--text-heading);font-family:var(--font-display);font-weight:800}
.clan-emblem-preview img{width:100%;height:100%;object-fit:cover}
.clan-emblem-rules{display:grid;gap:6px}
.clan-emblem-rules p{margin:0}
.clan-emblem-warn{padding:6px 10px;border-radius:var(--radius-xs);background:rgba(240,180,60,.12);color:var(--text-heading);font-size:13px}
.clan-emblem-warn[hidden]{display:none}
@media (max-width:480px){.clan-emblem-pick{grid-template-columns:1fr}}

/* Памятка по ролям («Состав и роли»): роль — слово слева, что делает — справа; на телефоне — одно под другим. */
.clan-roles{margin-bottom:16px}
.clan-roles h2{margin:0 0 10px}
.clan-roles dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 16px;margin:0}
.clan-roles dt{display:inline-flex;gap:6px;align-items:center;color:var(--text-heading);font-weight:700}
.clan-roles dt svg{color:#f2c94c}
.clan-roles dd{margin:0;color:var(--text-body)}
@media (max-width:560px){.clan-roles dl{grid-template-columns:1fr;gap:2px}.clan-roles dd{margin-bottom:8px}}

/* Раздел «Кланы» (ClanWars/Clans, Seekers): полоса над списком и строки каталога и «Ищут клан». */
.clans-bar__mine{display:inline-flex;align-items:center;gap:8px;color:var(--text-body);text-decoration:none;font-size:14px}
.clans-bar__mine img{width:28px;height:28px;border-radius:8px;object-fit:cover}
.clans-bar__mine b{color:var(--accent)}
.clans-bar__seek{margin:0}
.clan-cat{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.clan-cat__row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border-hairline);border-radius:var(--radius-sm);background:var(--ink-800)}
.clan-cat__row.is-open{border-color:rgba(63,185,80,.35)}
.clan-cat__logo{flex:none;width:44px;height:44px;border-radius:12px;object-fit:cover;background:var(--ink-700)}
.clan-cat__text{flex:1;min-width:0;display:grid;gap:2px}
.clan-cat__name{color:var(--text-heading);font-size:15px;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clan-cat__name:hover b{text-decoration:underline}
.clan-cat__text small{color:var(--text-muted);font-size:12px}
.clan-cat__open{margin-left:6px;padding:1px 8px;border-radius:var(--radius-pill);background:rgba(63,185,80,.14);color:#8ee39c;font-weight:600}
.clan-cat__note{display:flex;gap:6px;align-items:center;margin:2px 0 0;color:#8ee39c;font-size:13px;overflow-wrap:anywhere}
.clan-cat__note svg{flex:none}
.clan-cat__about{margin:2px 0 0;color:var(--text-body);font-size:13px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.clan-cat__act{flex:none;display:flex;gap:6px;align-items:center}
.clan-cat__act form{margin:0}
@media (max-width:560px){.clan-cat__row{flex-wrap:wrap}.clan-cat__act{width:100%;justify-content:flex-end}}