/* Карточки там, где оставались плоские строки. */

.row{
  width:100%;box-sizing:border-box;margin:4px 0;padding:10px 12px;
  border:0;border-radius:16px;background:var(--bg-3);color:inherit;
  text-align:left;cursor:pointer;
}
.row:hover{background:color-mix(in srgb,var(--bg-4) 72%,var(--bg-3))}
.row>.av{flex:0 0 36px;width:36px;height:36px}
.row>div:not(.av){min-width:0;flex:1}
.row .nm,.row .un{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.ts-switch{
  padding:12px 14px;margin:0 0 8px;border-radius:16px;
  background:var(--bg-3);border:1px solid var(--line);
}
.ring-choice label{
  padding:10px 12px;border-radius:16px;background:var(--bg-3);
  border:1px solid var(--line);
}
.modal .sep{height:0;margin:14px 0 10px;background:transparent}

.profile-section{
  margin-top:12px;padding:14px 14px 6px;border-top:0;border-radius:20px;
  background:color-mix(in srgb,var(--bg-4) 72%,transparent);
  border:1px solid var(--line);
}
.pr-story{
  border-radius:18px;padding:12px 14px;
  background:color-mix(in srgb,var(--bg-2) 88%,transparent);
}

.ch-mem{
  padding:10px 12px;margin:4px 0;border:0;border-radius:16px;background:var(--bg-3);
}
.ch-mem:last-child{border:0}
.ch-nav{
  margin:6px 0;padding:12px 14px;border:0;border-radius:16px;background:var(--bg-3);
}
.ch-nav:hover{background:color-mix(in srgb,var(--bg-4) 72%,var(--bg-3))}

.sched-row{
  padding:14px;margin:0 0 10px;border:1px solid var(--line);border-radius:20px;
  background:color-mix(in srgb,var(--bg-4) 80%,transparent);
}
.sched-ops button{
  border-radius:999px;padding:6px 12px;
  background:color-mix(in srgb,var(--accent) 14%,transparent);
}
.sched-ops .danger{background:color-mix(in srgb,var(--danger) 16%,transparent)}

.fld-row{
  padding:12px;margin:0 0 10px;border:1px solid var(--line);border-radius:18px;
  background:var(--bg-3);
}
.fld-ops button{border-radius:999px;padding:6px 12px}
.fld-chat{
  padding:10px 12px;margin:4px 0;border-radius:14px;background:var(--bg-3);
}

.side-head{border-bottom-color:transparent;padding:16px 16px 6px}
.search{border-bottom-color:transparent;padding:4px 12px 8px}
#chat-head{
  height:64px;flex-basis:64px;border-bottom:0;
  box-shadow:0 10px 24px rgba(0,0,0,.08);
}
#chat-head .nm{font-weight:750;font-family:Manrope,sans-serif;letter-spacing:-.01em}
#msg-search{border-bottom:0;padding:8px 12px 10px}
#msg-search input{border-radius:999px;padding:10px 14px}
#msg-search-results .ms-item{border-radius:16px}
#pin-bar{
  margin:6px 12px;padding:8px 10px;border:1px solid var(--line);border-radius:16px;
  background:var(--bg-2);
}
#reply-bar,#edit-bar{
  margin:0 12px 6px;padding:8px 12px;border:1px solid var(--line);border-top:1px solid var(--line);
  border-radius:16px;background:var(--bg-3);
}
#sticker-panel.show{
  margin:0 12px 8px;border:1px solid var(--line);border-radius:18px;overflow:hidden;
}
#composer{
  margin:0 12px 12px;padding:6px 8px;gap:4px;
  border:1px solid var(--line);border-top:1px solid var(--line);border-radius:22px;
  background:var(--bg-2);box-shadow:var(--shadow);
}
#composer textarea{border-radius:20px;min-height:40px;padding:9px 14px}
#composer .icon-btn,#send{width:40px;height:40px;flex-basis:40px}
#rec-pause,#rec-cancel{border-radius:14px}

.story-dot.unseen .av{box-shadow:0 0 0 2px var(--bg-2),0 0 0 4px var(--accent)}
#story-view{
  background:radial-gradient(120% 80% at 50% 0%,#163044 0%,#0b1520 46%,#070d14 100%);
}
#story-view .story-body{
  margin:8px 0;padding:28px 18px;border-radius:24px;
  background:color-mix(in srgb,#fff 8%,transparent);
}

#lightbox{background:rgba(6,9,13,.88)}
#lightbox .lb-slide img{border-radius:16px}
#lightbox.lb-video .lb-speeds button,
#lightbox.lb-video .lb-q button,
#lightbox.lb-video .lb-dls button{border-radius:999px;padding:6px 12px}
#lightbox.lb-video .lb-set-panel{border-radius:18px}
#lightbox .lb-dl,#lightbox.lb-video .lb-dl{border-radius:999px}