/* «Сигналы» — PLAN_V9 §А: header capsule, chats list, chat screen, collab card, report / block sheets, Crew bar button and card buttons.
   Mine = ice, theirs = glass, collab and unread = amber, ideas = lavender. Every tap target ≥ 44 px. */

/* ---------- header capsule «● 3» next to EN / sound, on every tab ---------- */
.hdr__sig{position:relative;display:flex;align-items:center;gap:6px;min-width:44px;height:28px;margin-right:4px;padding:0 10px;border-radius:var(--r-pill);
  border:1px solid rgba(247,176,100,.8);background:rgba(247,176,100,.1);color:var(--amber);font:500 10px/1 var(--f-mono);letter-spacing:.08em;
  box-shadow:0 0 12px rgba(247,176,100,.45),inset 0 0 6px rgba(247,176,100,.2);animation:sig-pulse 2s ease-in-out infinite}
.hdr__sig::after{content:"";position:absolute;inset:-8px -2px} /* 44 px to tap, the capsule stays compact */
.hdr__sig:active{color:#fff}
.hdr__sig-dot{flex:none;width:6px;height:6px;border-radius:50%;background:var(--amber);box-shadow:0 0 8px var(--amber)}
/* an unread signal: every 5 s a light wave spreads over the top of the screen from the capsule — above sheets and
   full-screen layers (50), under the update screen (90); the capsule's dot flares on the same beat */
.sig-wave{display:none;position:fixed;left:0;right:0;top:0;height:42vh;z-index:80;pointer-events:none;overflow:hidden;
  -webkit-mask:linear-gradient(#000 35%,transparent);mask:linear-gradient(#000 35%,transparent)}
.has-signal .sig-wave{display:block}
/* a small element scaled up (not a screen-sized one): the soft ring stays a light texture on the GPU */
.sig-wave i{position:absolute;left:var(--sx,85%);top:var(--sy,28px);width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;
  background:radial-gradient(circle,transparent 48%,rgba(247,176,100,.25) 56%,rgba(255,214,160,.95) 64%,rgba(247,176,100,.55) 68%,transparent 72%);
  opacity:0;will-change:transform,opacity;animation:sig-wave 5s cubic-bezier(.35,.35,.55,1) infinite}
.sig-wave::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;opacity:0;
  background:linear-gradient(90deg,transparent,rgba(247,176,100,.95) 50%,transparent);box-shadow:0 0 18px 5px rgba(247,176,100,.45);
  animation:sig-edge 5s ease-out infinite}
@keyframes sig-wave{0%{transform:scale(.2);opacity:0}4%{opacity:1}30%{opacity:.9}55%{transform:scale(12);opacity:0}100%{transform:scale(12);opacity:0}}
@keyframes sig-edge{0%,100%{opacity:0}8%{opacity:1}45%{opacity:0}}
.has-signal .hdr__sig-dot{animation:sig-beat 5s ease-out infinite}
@keyframes sig-beat{0%,30%,100%{transform:scale(1)}6%{transform:scale(2.2);box-shadow:0 0 14px 3px var(--amber)}}
/* phones: the capsule takes the telemetry's place, so EN and sound stay on screen */
@media (max-width:440px){.hdr__right:has(.hdr__sig:not([hidden])) .hdr__tele{display:none}}
@keyframes sig-pulse{50%{box-shadow:0 0 24px rgba(247,176,100,.85),inset 0 0 10px rgba(247,176,100,.35);border-color:var(--amber)}}

/* ---------- full-screen layers (list, chat) ---------- */
.modal--full .sig{display:flex;flex-direction:column;overflow:hidden;border:0;border-radius:0;background:rgba(5,5,8,.95);
  backdrop-filter:blur(28px) saturate(120%);-webkit-backdrop-filter:blur(28px) saturate(120%)}
.sig__bar{flex:none;display:flex;align-items:center;gap:6px;min-height:64px;
  padding:calc(var(--safe-t) + 8px) calc(var(--safe-r) + 8px) 8px calc(var(--safe-l) + 6px);border-bottom:1px solid var(--glass-border)}
.sig__back,.sig__more{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:var(--text)}
.sig__back svg,.sig__more svg{width:22px;height:22px}
.sig__back:active,.sig__more:active{background:rgba(255,255,255,.06)}
.sig__title{margin:0;font:300 15px/1 var(--f-sans);letter-spacing:.26em;text-transform:uppercase;color:var(--text)}

.sig-tabs{flex:none;display:flex;gap:8px;padding:12px calc(16px + var(--safe-r)) 6px calc(16px + var(--safe-l))}
.sig-tabs__btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:var(--r-pill);border:1px solid var(--glass-border-strong);
  font:400 10px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-2);transition:color 250ms var(--ease),border-color 250ms var(--ease),box-shadow 250ms var(--ease)}
.sig-tabs__btn[aria-selected=true]{color:var(--text);border-color:var(--amber);box-shadow:0 0 12px rgba(247,176,100,.35),inset 0 0 8px rgba(247,176,100,.18)}
.sig-tabs__n,.sig-badge{display:grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--amber);color:#160d03;
  font:600 10px/1 var(--f-mono);letter-spacing:0;box-shadow:0 0 10px rgba(247,176,100,.6)}

.sig-list__scroll{flex:1;min-height:0;padding:6px calc(10px + var(--safe-r)) calc(var(--safe-b) + 28px) calc(10px + var(--safe-l))}
.sig-rows{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.sig-row{width:100%;display:flex;align-items:center;gap:12px;min-height:68px;padding:10px 12px;border-radius:18px;border:1px solid transparent;text-align:left;
  transition:background 200ms var(--ease)}
.sig-row:active{background:rgba(255,255,255,.05)}
.sig-row--support{margin-bottom:6px;border-color:rgba(164,239,249,.2);background:rgba(164,239,249,.035)}
.sig-ava{flex:none;width:46px;height:46px;border-radius:50%;overflow:hidden;background:#111;border:1px solid var(--glass-border-strong)}
.sig-ava img{width:100%;height:100%;object-fit:cover}
.sig-ava--mark{border-color:rgba(164,239,249,.55);box-shadow:0 0 12px rgba(164,239,249,.28)}
.sig-row__main{flex:1;min-width:0;display:grid;gap:6px}
.sig-row__top,.sig-row__bottom{display:flex;align-items:center;gap:8px;min-width:0}
.sig-row__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 13px/1.2 var(--f-sans);letter-spacing:.06em;color:var(--text)}
.sig-row__no{flex:none;font:400 9px/1 var(--f-mono);letter-spacing:.12em;color:var(--text-3)}
.sig-row__tag{flex:none;padding:3px 7px;border-radius:var(--r-pill);border:1px solid rgba(164,239,249,.5);font:400 8px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ice)}
.sig-row__time{flex:none;margin-left:auto;font:400 9px/1 var(--f-mono);letter-spacing:.08em;color:var(--text-3)}
.sig-row__last{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:300 12.5px/1.3 var(--f-sans);color:var(--text-2)}
.sig-row.is-unread .sig-row__last{color:var(--text);font-weight:400}
.sig-row.is-unread .sig-row__time{color:var(--amber)}
.sig-empty{max-width:22em;margin:28px auto 0;padding:0 12px;text-align:center;font:300 13px/1.6 var(--f-sans);color:var(--text-2)}
.sig-empty__btn{display:flex;width:auto;min-width:200px;margin:18px auto 0}

/* ---------- chat ---------- */
.sig-peer{flex:1;min-width:0;display:flex;align-items:center;gap:10px;min-height:44px;padding:0 4px;border-radius:22px;text-align:left}
button.sig-peer:active{background:rgba(255,255,255,.05)}
.sig-peer .sig-ava{width:38px;height:38px}
.sig-peer__txt{min-width:0;display:grid;gap:4px}
.sig-peer__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 13px/1.2 var(--f-sans);letter-spacing:.08em;color:var(--text)}
.sig-peer__no{font:400 9px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}
.sig-peer__no:empty{display:none}
span.sig__more{visibility:hidden}

.sig-chat__scroll{flex:1;min-height:0;display:flex;flex-direction:column;padding:10px calc(12px + var(--safe-r)) 12px calc(12px + var(--safe-l))}
.sig-chat__older{flex:none;margin:0 0 8px;text-align:center}
.sig-msgs{list-style:none;flex:1 0 auto;margin:0;padding:0;display:flex;flex-direction:column;justify-content:flex-end;gap:6px}
.sig-day{align-self:center;margin:10px 0 4px;padding:5px 11px;border-radius:var(--r-pill);background:rgba(255,255,255,.05);
  font:400 9px/1.3 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}
.sig-msg{display:flex;flex-direction:column;max-width:84%}
.sig-msg.is-mine{align-self:flex-end;align-items:flex-end}
.sig-msg.is-theirs{align-self:flex-start;align-items:flex-start}
.sig-msg__from{margin:0 0 4px 12px;font:400 9px/1.2 var(--f-mono);letter-spacing:.12em;color:var(--ice)}
.sig-msg__bubble{position:relative;max-width:100%;padding:9px 13px 7px;border-radius:18px;font:300 14px/1.45 var(--f-sans);color:var(--text);overflow-wrap:anywhere}
.is-mine .sig-msg__bubble{border-bottom-right-radius:6px;border:1px solid rgba(164,239,249,.35);
  background:linear-gradient(160deg,rgba(164,239,249,.2),rgba(110,190,225,.1));box-shadow:0 0 14px rgba(140,215,240,.12)}
.is-theirs .sig-msg__bubble{border-bottom-left-radius:6px;border:1px solid var(--glass-border-strong);background:rgba(255,255,255,.06);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.is-team .sig-msg__bubble{border-color:rgba(164,239,249,.22);background:rgba(164,239,249,.05)}
.sig-msg.is-idea .sig-msg__bubble{border-color:rgba(209,192,239,.45)}
.sig-msg.is-warn .sig-msg__bubble{border-color:rgba(247,176,100,.55)}
.sig-msg.is-failed .sig-msg__bubble{border-color:rgba(255,140,120,.55)}
.sig-msg__text{margin:0;white-space:pre-wrap}
.sig-msg__text a{color:var(--ice);text-decoration:underline;text-underline-offset:2px;word-break:break-all}
.sig-msg__meta{display:flex;justify-content:flex-end;align-items:center;gap:4px;margin-top:3px;font:400 9px/1 var(--f-mono);letter-spacing:.06em;color:var(--text-3)}
.sig-st{display:inline-grid;width:15px;height:13px}
.sig-st svg{width:100%;height:100%}
.sig-st--read{color:var(--ice)}
.sig-st--failed{color:#ff9c8a}
.sig-retry{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 8px;font:400 9.5px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:#ffb4a6}
.sig-retry svg{width:14px;height:14px}
.sig-tag{display:inline-block;margin:0 0 6px;padding:3px 8px;border-radius:var(--r-pill);border:1px solid rgba(209,192,239,.5);
  font:400 8px/1.3 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--lavender)}
.sig-tag--warn{border-color:rgba(247,176,100,.6);color:var(--amber)}
.sig-note{align-self:center;max-width:90%;margin:4px 0;text-align:center;font:400 9.5px/1.5 var(--f-mono);letter-spacing:.1em;color:var(--amber)}
.sig-guide{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}

.sig-chip{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:var(--r-pill);border:1px solid var(--glass-border-strong);
  font:400 9.5px/1.2 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);white-space:nowrap;
  transition:color 250ms var(--ease),border-color 250ms var(--ease),box-shadow 250ms var(--ease)}
.sig-chip:active{border-color:rgba(255,255,255,.4)}
.sig-chip.is-on{color:var(--text);border-color:var(--amber);box-shadow:0 0 12px rgba(247,176,100,.35),inset 0 0 8px rgba(247,176,100,.18)}

/* collab card: amber frame */
.sig-msg.is-collab .sig-msg__bubble,.sig-msg.is-pitch .sig-msg__bubble{padding:0;border:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.sig-collab,.sig-pitch{display:grid;gap:9px;min-width:min(230px,70vw);padding:13px 14px 12px;border-radius:18px;border:1px solid rgba(247,176,100,.8);
  background:rgba(32,21,9,.6);box-shadow:0 0 18px rgba(247,176,100,.25),inset 0 0 12px rgba(247,176,100,.1)}
.sig-collab__title,.sig-pitch__title{display:flex;align-items:center;gap:8px;font:500 9px/1.2 var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--amber)}
.sig-collab__title svg,.sig-pitch__title svg{flex:none;width:12px;height:12px}
/* «Сигнал-заявка» (PLAN_V13 Д): the artist's own card, same amber frame as the collab */
.sig-pitch__who{display:flex;align-items:center;gap:10px;min-width:0}
.sig-pitch__txt{display:grid;gap:3px;min-width:0}
.sig-pitch__name{font:500 13px/1.25 var(--f-sans);letter-spacing:.06em;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sig-pitch__genre{font:300 9px/1.2 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}
.sig-collab__what{justify-self:start;padding:5px 11px;border-radius:var(--r-pill);border:1px solid rgba(247,176,100,.5);font:400 10px/1 var(--f-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--text)}
.sig-collab__demo{justify-self:start;display:inline-flex;align-items:center;gap:6px;min-height:32px;font:400 9px/1.3 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--lavender)}
button.sig-collab__demo{min-height:44px}
.sig-collab__demo svg{width:14px;height:14px}
.sig-collab__btns{display:flex;gap:8px}
.sig-collab__btn{flex:1;min-height:44px;padding:0 10px;border-radius:var(--r-pill);border:1px solid var(--glass-border-strong);
  font:400 9.5px/1.2 var(--f-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--text)}
.sig-collab__btn.is-yes{border-color:var(--amber);box-shadow:0 0 12px rgba(247,176,100,.4),inset 0 0 8px rgba(247,176,100,.2)}
.sig-collab__btn:active{transform:scale(.97)}
.sig-collab__ans{font:400 9.5px/1.3 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-2)}
.sig-collab__ans.is-yes{color:var(--amber)}
.sig-msg.is-collab .sig-msg__meta,.sig-msg.is-pitch .sig-msg__meta{padding:0 8px}

/* bottom: state banner, quick buttons, input */
.sig-chat__foot{flex:none;padding:0 calc(10px + var(--safe-r)) calc(var(--safe-b) + 10px) calc(10px + var(--safe-l));border-top:1px solid var(--glass-border);background:rgba(5,5,8,.6)}
.sig-state{display:flex;align-items:center;gap:10px;padding:10px 4px 0}
.sig-state__text{flex:1;margin:0;font:300 12px/1.45 var(--f-sans);color:var(--text-2)}
.sig-state__btn{flex:none;min-height:44px;padding:0 18px;border-radius:var(--r-pill);border:1px solid var(--glass-border-strong);
  font:400 9.5px/1 var(--f-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--text)}
.sig-state__btn.is-amber{border-color:var(--amber);box-shadow:0 0 14px rgba(247,176,100,.4),inset 0 0 8px rgba(247,176,100,.2)}
.sig-quick{display:flex;gap:8px;padding:10px 0 0;overflow-x:auto;overscroll-behavior:contain;touch-action:pan-x;scrollbar-width:none}
.sig-quick::-webkit-scrollbar{display:none}
.sig-quick .sig-chip{flex:none}
.sig-input{display:flex;align-items:flex-end;gap:6px;padding-top:10px}
.sig-input__plus,.sig-input__send{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:50%}
.sig-input__plus{color:var(--amber)}
.sig-input__plus svg{width:24px;height:24px}
.sig-input__send{border:1px solid rgba(164,239,249,.65);color:var(--ice);box-shadow:0 0 12px rgba(140,215,240,.35),inset 0 0 8px rgba(140,215,240,.2);transition:opacity 200ms var(--ease)}
.sig-input__send svg{width:20px;height:20px}
.sig-input__send:disabled{opacity:.35;box-shadow:none}
.sig-input__box{position:relative;flex:1;min-width:0;display:flex}
.sig-input__ta{width:100%;min-height:44px;max-height:132px;margin:0;padding:11px 16px;resize:none;border-radius:22px;border:1px solid var(--glass-border-strong);
  background:rgba(255,255,255,.03);font:300 16px/1.3 var(--f-sans);color:var(--text);outline:none;user-select:text;-webkit-user-select:text;touch-action:pan-y}
.sig-input__ta:focus{border-color:rgba(164,239,249,.45)}
.sig-input__ta:disabled{opacity:.45}
.sig-input__ta::placeholder{color:var(--text-3)}
.sig-input__n{position:absolute;right:14px;top:-15px;font-size:9px;letter-spacing:.08em;color:var(--amber)}
.sig-input__n:empty{display:none}

/* ---------- sheets: «⋯» menu, confirm, collab and report forms ---------- */
.sig-menu__list{display:grid;gap:4px;padding:14px calc(14px + var(--safe-r)) 14px calc(14px + var(--safe-l))}
.sig-menu__btn{min-height:52px;border-radius:16px;background:rgba(255,255,255,.035);font:400 11px/1.2 var(--f-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--text)}
.sig-menu__btn:active{background:rgba(255,255,255,.08)}
.sig-menu__btn.is-danger{color:#ffb4a6}
.sig-menu__cancel{background:none;color:var(--text-3)}
.sig-confirm{width:min(100%,360px)}
.sig-confirm__body{display:grid;gap:14px;padding:28px 22px 22px;text-align:center}
.sig-confirm__title{margin:0;font:300 16px/1.35 var(--f-sans);letter-spacing:.1em;text-transform:uppercase;overflow-wrap:anywhere}
.sig-confirm__text{margin:0;font:300 13px/1.55 var(--f-sans);color:var(--text-2)}
.sig-confirm__btns{display:flex;gap:10px;margin-top:6px}
.sig-confirm__btns .pill{flex:1;width:auto;min-width:0;height:48px;padding:0 12px;gap:8px;letter-spacing:.18em}
.sig-form__body{display:grid;gap:10px;max-height:calc(var(--app-h) - var(--safe-t) - 24px);padding:26px calc(20px + var(--safe-r)) 22px calc(20px + var(--safe-l))}
.sig-form__title{display:flex;align-items:center;gap:10px;margin:0 0 4px;padding-right:44px;font:300 15px/1.25 var(--f-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--text)}
.sig-form__title svg{flex:none;width:14px;height:14px;color:var(--amber)}
.sig-form__label{margin-top:6px;font:400 9px/1.2 var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-3)}
.sig-form__chips{display:flex;flex-wrap:wrap;gap:6px}
.sig-form__area{position:relative;display:flex}
.sig-form__ta,.sig-form__select,.sig-form__no,.me-in{width:100%;margin:0;border-radius:16px;border:1px solid var(--glass-border-strong);background:rgba(255,255,255,.03);
  padding:12px 14px;font:300 16px/1.4 var(--f-sans);color:var(--text);outline:none;user-select:text;-webkit-user-select:text}
.sig-form__ta{min-height:88px;resize:none;touch-action:pan-y}
.sig-form__select,.sig-form__no,.me-in{min-height:48px}
.sig-form__select option{background:#111;color:var(--text)}
.sig-form__ta:focus,.sig-form__select:focus,.sig-form__no:focus,.me-in:focus{border-color:rgba(247,176,100,.5)}
.sig-form__n{position:absolute;right:12px;bottom:8px;font-size:9px;color:var(--text-3)}
.sig-form__who{font:500 14px/1.3 var(--f-sans);letter-spacing:.06em;color:var(--text)}
.sig-form__hint{margin-top:-4px;font:300 10px/1.4 var(--f-mono);letter-spacing:.08em}
.sig-check{display:flex;align-items:flex-start;gap:12px;min-height:44px;padding:8px 0;font:300 13px/1.4 var(--f-sans);color:var(--text);cursor:pointer}
.sig-check input{flex:none;width:20px;height:20px;margin:0;accent-color:var(--amber)}
.sig-check small{display:block;margin-top:3px;font:300 10.5px/1.4 var(--f-mono);letter-spacing:.04em}
.sig-form__go{width:100%;min-width:0;max-width:none;margin-top:8px;padding:0 16px;letter-spacing:.22em}
.sig-form__go:disabled{opacity:.4}
.sig-form__go[aria-busy]{opacity:.5}

/* ---------- Crew: the «Сигнал» button right of the own avatar, card buttons ---------- */
.crew__right{justify-self:stretch;display:flex;align-items:center;gap:2px;min-width:0;padding-left:2px}
.crew__right .crew__count{margin-left:auto;min-width:0;padding-right:10px}
.crew__sig{position:relative;flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:var(--text-2)}
.crew__sig svg{width:20px;height:20px}
.crew__sig:active{color:var(--text)}
.crew__sig-n{position:absolute;top:2px;right:0;min-width:17px;height:17px;padding:0 4px;border-radius:9px;display:grid;place-items:center;
  background:var(--amber);color:#160d03;font:600 9px/1 var(--f-mono);box-shadow:0 0 10px rgba(247,176,100,.7)}
.cc__sig{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.cc__sig-btn{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 12px;border-radius:20px;
  border:1px solid rgba(209,192,239,.5);background:rgba(20,18,30,.35);box-shadow:0 0 18px rgba(140,124,255,.16),inset 0 0 14px rgba(140,124,255,.1);
  font:400 9px/1.2 var(--f-sans);letter-spacing:.15em;text-transform:uppercase;color:var(--text);transition:transform 150ms var(--ease)}
.cc__sig-btn--main{flex-basis:100%;border-color:rgba(164,239,249,.6);background:rgba(10,24,30,.35);box-shadow:0 0 18px rgba(140,215,240,.22),inset 0 0 14px rgba(140,215,240,.12)}
.cc__sig-btn svg{flex:none;width:16px;height:16px}
.cc__sig-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc__sig-btn:active,.cc__sig-more:active{transform:scale(.98)}
.cc__sig-more{flex:none;width:52px;height:52px;display:grid;place-items:center;border-radius:20px;border:1px solid var(--glass-border-strong);color:var(--text)}
.cc__sig-more svg{width:22px;height:22px}
.cc__sig-hint{margin:20px 0 0;text-align:center;font:300 9.5px/1.6 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}
.cc__sig--hint{flex-wrap:nowrap;align-items:center;gap:14px}
.cc__sig--hint .cc__sig-hint{flex:1;margin:0;text-align:left}
.cc__signin{min-height:44px;color:var(--amber);text-decoration:underline;text-underline-offset:3px}
.cc__join{flex:1 1 0;width:auto;min-width:0;max-width:none}

/* ---------- «Трек другу» (PLAN_V11 Б): the track bubble, the friend picker, the after-record sheet ---------- */
.sig-msg.is-track .sig-msg__bubble{min-width:min(250px,72vw)}
.sig-track{--p:0%;display:flex;align-items:center;gap:10px}
.sig-track__play{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(164,239,249,.55);color:var(--ice);
  box-shadow:0 0 12px rgba(164,239,249,.25)}
.sig-track__play svg{width:18px;height:18px}
.sig-track__main{flex:1;min-width:0;display:grid;gap:6px}
.sig-track__title{font:400 10px/1.2 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text)}
.sig-track__wave{position:relative;width:120px;height:22px}
.sig-track__bars{position:absolute;inset:0 auto 0 0;width:120px;display:flex;align-items:center;gap:2px;color:rgba(255,255,255,.22)}
.sig-track__bars i{flex:1;min-height:3px;border-radius:1px;background:currentColor}
.sig-track__fill{position:absolute;inset:0;width:var(--p);overflow:hidden;transition:width 250ms linear}
.sig-track__fill .sig-track__bars{color:var(--ice)}
.sig-track__more{flex:none;width:44px;height:44px;margin-right:-8px;display:grid;place-items:center;color:var(--text-2)}
.sig-track__more svg{width:20px;height:20px}
.sig-track__gone{margin:0;font:300 13px/1.45 var(--f-sans);font-style:italic;color:var(--text-3)}
.sig-pick__body{display:flex;flex-direction:column;gap:10px;max-height:calc(var(--app-h) * .75);padding:26px calc(14px + var(--safe-r)) calc(18px + var(--safe-b)) calc(14px + var(--safe-l))}
.sig-pick__body .sig-form__title{padding-left:6px}
.sig-pick__q{height:44px;padding:0 16px;border-radius:var(--r-pill);border:1px solid var(--glass-border-strong);background:rgba(255,255,255,.04);color:var(--text);font:300 16px/1 var(--f-sans)}
.sig-pick__list{min-height:0;overflow-y:auto}
.sig-pick__list .sig-empty{margin-top:12px}
.sig-saved__body{display:grid;gap:16px;padding:26px calc(20px + var(--safe-r)) calc(20px + var(--safe-b)) calc(20px + var(--safe-l));text-align:center}
.sig-saved__body .pill{justify-self:center}
.sig-saved__text{margin:0 36px;font:300 13px/1.55 var(--f-sans);color:var(--text-2)}
.gm-trk .gm-trk__friend{color:var(--amber);border-color:rgba(247,176,100,.45)} /* «Мои треки» (js/game-track.js) */

@media (prefers-reduced-motion:reduce){
  .hdr__sig{animation:none;box-shadow:0 0 16px rgba(247,176,100,.6),inset 0 0 8px rgba(247,176,100,.25)} /* a steady glow */
  .sig-wave i,.has-signal .hdr__sig-dot{animation:none}
  .sig-wave::before{animation:none;opacity:.7} /* no wave: a steady line of light along the top */
}

/* «Поделиться артистом» (PLAN_V14 А, В): the sheet (js/share.js) and the card in a chat (js/signals-ui.js artistHtml) */
.share-sheet__body{display:grid;gap:12px;padding:26px calc(14px + var(--safe-r)) calc(18px + var(--safe-b)) calc(14px + var(--safe-l))}
.share-sheet__body .sig-form__title{padding-left:6px}
.share-sheet__who{margin:-6px 0 4px 6px;font:300 10px/1.4 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}
.share-sheet__list{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.share-sheet__row{width:100%;display:flex;align-items:center;gap:14px;height:56px;padding:0 18px;border-radius:18px;border:1px solid var(--glass-border);
  background:rgba(255,255,255,.03);color:var(--text);font:400 11px/1 var(--f-sans);letter-spacing:.22em;text-transform:uppercase;text-align:left;transition:transform 150ms var(--ease)}
.share-sheet__row svg{flex:none;width:20px;height:20px;color:var(--amber)}
.share-sheet__row:active{transform:scale(.98);background:rgba(247,176,100,.08)}
.sig-art__open{justify-self:start;height:34px;padding:0 16px;border-radius:var(--r-pill);border:1px solid rgba(247,176,100,.6);color:var(--amber);
  font:400 9.5px/1 var(--f-mono);letter-spacing:.18em;text-transform:uppercase}
.sig-art__open:active{transform:scale(.97)}

/* «Выйти на сцену» (PLAN_V15 Г, js/onstage.js): the own tracks as radio rows */
.me-stage__tracks{display:grid;gap:6px;margin:0;padding:0;border:0}
.me-stage__opt{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 14px;border-radius:14px;border:1px solid var(--glass-border);
  background:rgba(255,255,255,.03);font:300 14px/1.3 var(--f-sans);color:var(--text)}
.me-stage__opt input{accent-color:var(--amber);width:18px;height:18px;margin:0}
.me-stage__opt:has(input:checked){border-color:rgba(247,176,100,.6);background:rgba(247,176,100,.08)}
.me-stage__left{margin:-4px 0 0;text-align:right}