/* Стили Pages/Shared/_ClosedStyles.cshtml (Д74). */
.cl-feed{display:grid;gap:16px;width:100%}
.cl-card{display:grid;gap:12px;padding:14px 16px;border:1px solid var(--border-hairline);border-radius:var(--radius-md);background:rgba(255,255,255,.02)}
/* Бракет не по MMR/рангу — приглушён (записаться нельзя), при наведении читается. */
.cl-card.is-unfit{opacity:.5;filter:saturate(.4);transition:opacity .15s}
.cl-card.is-unfit:hover{opacity:.8}
.cl-card.is-mine{border-color:var(--accent)}
.cl-card[id]{scroll-margin-top:90px}
.cl-card:target{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 45%,transparent)}
.cl-card__head{display:flex;gap:8px 12px;align-items:center;flex-wrap:wrap}
.cl-card__head h3{margin:0;font-size:17px}
.cl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px}
.cl-medals{display:inline-flex;gap:1px}
.cl-medals img{width:22px;height:22px;object-fit:contain}
.cl-card{container-type:inline-size}
.cl-chat-btn{position:relative}
/* Точка «есть новое» — абсолютом, кнопка не меняет ширину. */
.cl-dot{position:absolute;top:-3px;right:-3px;display:none;width:10px;height:10px;border-radius:50%;background:#f85149;box-shadow:0 0 0 2px var(--ink-800)}
.cl-chat-btn.has-unread .cl-dot{display:block}
/* Чат сбора — плавающая панель сбоку, как чат сайта. */
.fc{position:fixed;right:16px;top:96px;z-index:70;width:320px;max-width:calc(100vw - 32px);height:min(520px,calc(100vh - 140px));display:grid;grid-template-rows:auto minmax(0,1fr);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--ink-800);box-shadow:0 16px 40px rgba(0,0,0,.55)}
.fc[hidden]{display:none}
.fc__head{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border-hairline)}
.fc__head strong{flex:1;color:var(--text-heading);font-size:14px}
.fc__head button{width:28px;height:28px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:var(--text-body);cursor:pointer}
.fc__log{overflow-y:auto;overscroll-behavior:contain;padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.fc__sys{align-self:center;padding:3px 10px;border-radius:var(--radius-pill);background:rgba(255,255,255,.05);color:var(--text-muted);font-size:12px;text-align:center}
.fc__form{display:flex;gap:6px;padding:8px;border-top:1px solid var(--border-hairline)}
.fc__form input{flex:1;min-width:0;padding:8px 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--ink-700);color:var(--text-heading);font:inherit;font-size:15px}
.fc__hint{margin:0;padding:8px 12px;border-top:1px solid var(--border-hairline);color:var(--text-muted);font-size:12px}
@media (max-width:600px){.fc{top:auto;bottom:76px;right:12px;left:12px;width:auto;height:60vh}}

.cl-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
/* Пустой ряд действий (в окне «Мой сбор» при наборе) — не занимает место. «Выйти» в окне — справа в шапке карточки. */
.cl-actions:not(:has(*)){display:none}
.cl-card__head>.cl-head-leave{margin:0 0 0 auto}
.cl-note{margin:0;font-size:13px;color:var(--text-muted)}
.cl-wip{display:grid;gap:10px;justify-items:start}
/* Области карточки (Д68): справка, состав, разовые — каждая своим блоком; порядок постоянный. */
.cl-card{gap:10px}