/* ─── Связка аккаунтов (лист 15·4/15·5): карточка «способы входа» в профиле
   + диалог привязки (конфликт / Telegram-виджет / почта с кодом).
   Закон листа: строки 56 · глиф line 2.5/24 · «залинковать» line 1.5 ·
   «отвязать/добавить» ghost dashed · бейдж «текущий» маркером · диалог 311 R16 ·
   одна золотая на слой · анимации только transform/opacity. ─── */

/* описание-подвал: одно предложение «что делает / зачем», под строками способов */
#pc-link .lk-sub{ font-size:12px; color:var(--pencil); line-height:1.35;
  margin-top:10px; padding-top:10px; border-top:1.4px dashed var(--pencil-faint); }

.lk-row{
  min-height:56px; display:flex; align-items:center; gap:12px; min-width:0;
  position:relative;
}
.lk-row + .lk-row{ border-top:1.4px dashed var(--pencil-faint); }
.lk-row > svg{ width:24px; height:24px; flex:none; color:var(--graphite-soft); }
.lk-name{ flex:1; min-width:0; }
.lk-name b{
  display:block; font-weight:normal; font-size:.95rem; color:var(--graphite);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.lk-name i{
  display:block; font-style:normal; font-size:.72rem; color:var(--green);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
/* правая колонка — единый размер: бейдж «текущий» и кнопки 100×32 */
.lk-badge{
  width:100px; height:32px; border-radius:8px; background:var(--marker); color:var(--graphite);
  font-size:.78rem; display:inline-flex; align-items:center; justify-content:center; flex:none;
}
/* «привязать» — карандашный контур (line 1.5); «отвязать» — ghost dashed
   (лист 15·4). Контур ::before + filter:url(#squiggle) — как chip32/frghost 06·3. */
.lk-btn{
  width:100px; height:32px; border-radius:8px; padding:0 8px; font-size:.82rem; position:relative;
  color:var(--graphite-soft); background:none; border:none; flex:none;
  display:inline-flex; align-items:center; justify-content:center;
  cursor:pointer; font-family:inherit; transition:transform .09s ease; min-width:0;
}
.lk-btn::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  border:1.5px solid var(--graphite); border-radius:8px; filter:url(#squiggle);
}
.lk-btn:active{ transform:scale(.96); }
.lk-btn.gh{ color:var(--pencil); }
.lk-btn.gh::before{ border:1.5px dashed var(--pencil); }
.lk-btn .tx{ position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; }

/* лампа строки после авто-линка и красная вспышка ошибки — только opacity */
.lk-lamp::after, .lk-err::after{
  content:""; position:absolute; inset:0; pointer-events:none; border-radius:8px;
  background:var(--marker); opacity:0; animation:lk-lamp .36s ease;
}
.lk-err::after{ background:rgba(206,74,58,.28); animation-name:lk-err; }
@keyframes lk-lamp{ 35%{opacity:1;} 100%{opacity:0;} }
@keyframes lk-err{ 35%{opacity:1;} 100%{opacity:0;} }

/* ── диалог привязки: 311 R16, вуаль бумагой, одна золотая на слой ── */
#lk-dlg{ width:min(311px, calc(100vw - 32px)); }
#lk-dlg::backdrop{ background:rgba(58,54,46,.38); }
.lkd-box{
  background:var(--paper);
  background-image:radial-gradient(var(--paper-dot) 1px, transparent 1.2px);
  background-size:24px 24px;
  position:relative; padding:16px; border-radius:16px;
  display:flex; flex-direction:column; gap:8px;
}
.lkd-box::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  border:2px solid var(--graphite); border-radius:16px; filter:url(#squiggle);
}
.lkd-title{
  font-family:'Caveat',cursive; font-weight:700; font-size:1.2rem; line-height:1.15;
  color:var(--graphite); overflow-wrap:anywhere;
}
.lkd-tx{ font-size:.82rem; color:var(--graphite-soft); line-height:1.4; overflow-wrap:anywhere; }
.lkd-btn{
  height:40px; border-radius:10px; font-size:.88rem; width:100%;
  color:var(--graphite-soft); background:none; border:1.5px solid var(--graphite);
  cursor:pointer; font-family:inherit; transition:transform .09s ease; position:relative;
}
.lkd-btn:active{ transform:scale(.96); }
.lkd-btn.gold{
  background:var(--amber); color:#fff; border:2px solid var(--graphite);
  font-family:'Caveat',cursive; font-weight:700; font-size:1.05rem;
}
.lkd-btn.line{ border:1.5px solid var(--graphite); }
.lkd-btn.gh{ color:var(--pencil); border:1.5px dashed var(--pencil); }
.lkd-btn[disabled]{ color:var(--pencil-faint); border-color:var(--pencil-faint); cursor:default; }
.lkd-tg{ display:flex; justify-content:center; min-height:48px; align-items:center; }

/* почта: инпут 48 (16px — против iOS-автозума) и код 6×44×48, зазор 8 */
.lkd-inpw{ position:relative; height:48px; border-radius:12px; border:2px solid var(--graphite); }
.lkd-inpw input{
  width:100%; height:100%; border:none; outline:none; background:none;
  padding:0 14px; font-size:16px; text-align:center; color:var(--graphite);
  font-family:inherit;
}
.lkd-inpw input::placeholder{ font-style:italic; color:var(--pencil); opacity:1; }
.lkd-sent{ font-size:.82rem; color:var(--graphite-soft); text-align:center; overflow-wrap:anywhere; }
.lkd-sent b{ font-family:ui-monospace,Menlo,monospace; font-size:.9em; color:var(--graphite); }
.lkd-code{
  position:relative; display:flex; gap:8px; justify-content:center; cursor:text;
}
.lkd-cell{
  width:40px; height:48px; border-radius:12px; border:2px solid var(--graphite);
  display:flex; align-items:center; justify-content:center;
  font-family:'Caveat',cursive; font-weight:700; font-size:1.4rem; color:var(--graphite);
}
.lkd-cell.onc{ background:var(--marker); }
/* невидимый инпут поверх клеток: печать/вставка/автоподстановка кода из письма */
.lkd-codein{
  position:absolute; inset:0; width:100%; height:100%; opacity:0;
  font-size:16px; border:none; background:none; color:transparent;
}
.lkd-tstrip{ height:4px; background:var(--pencil-faint); border-radius:2px; overflow:hidden; }
.lkd-tfill{
  height:100%; background:var(--marker); transform-origin:left; transform:scaleX(0);
}
.lkd-tfill.run{ animation:lkd-t 30s linear forwards; }
@keyframes lkd-t{ from{transform:scaleX(1);} to{transform:scaleX(0);} }

@media (prefers-reduced-motion:reduce){
  .lk-lamp::after, .lk-err::after, .lkd-tfill.run{ animation:none; }
}