/* DESIGN V2 (14): leaf-экраны — сетка поэтов + скин детальных (трек / стих) */
@media (min-width: 901px) {
  /* Поэты — сетка dv2-карточек */
  .dv2-poets-page-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; margin-bottom: 30px; }
  .dv2-poets-page-grid .dv2-poet-card { width: auto; }
  .dv2-poets-page-grid .dv2-poet-card.skeleton { height: 70px; }
  /* Детальные экраны (живая обёртка): узкая колонка + скин боевых классов */
  .dv2-detail-col { max-width: 820px; margin: 0 auto; }
  .dv2-detail-col .page-hero, .dv2-detail-col .section { background: none; padding: 0; margin: 0 0 18px; max-width: none; }
  .dv2-detail-col .page-hero .eyebrow { font-size: 11.5px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: #a99cff; }
  .dv2-detail-col .page-hero h1 { font-family: "Spectral", Georgia, serif; font-weight: 500; font-size: 34px; letter-spacing: -.01em; color: #f6f6f9; margin: 8px 0 6px; }
  .dv2-detail-col .page-hero > p { font-size: 14px; color: #9a9aa8; margin: 0; }
  .dv2-detail-col .hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
  .dv2-detail-col .button { display: inline-flex; align-items: center; gap: 8px; padding: 12px 20px; border-radius: 12px; font-size: 14px; font-weight: 600; font-family: inherit; cursor: pointer; text-decoration: none; border: 1px solid transparent; }
  .dv2-detail-col .button-primary { background: #7c6cf5; color: #fff; }
  .dv2-detail-col .button-primary:hover { filter: brightness(1.08); }
  .dv2-detail-col .button-secondary { background: #121219; border-color: rgba(255,255,255,.12); color: #c9c9d4; }
  .dv2-detail-col .button-secondary:hover { border-color: rgba(255,255,255,.22); color: #fff; }
  .dv2-detail-col .detail-grid { display: grid; grid-template-columns: 220px 1fr; gap: 18px; align-items: start; }
  .dv2-detail-col .detail-cover { border-radius: 16px; overflow: hidden; }
  .dv2-detail-col .detail-cover img, .dv2-detail-col .detail-cover .cover-fallback { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 16px; }
  .dv2-detail-col .detail-panel { background: #121219; border: 1px solid rgba(255,255,255,.07); border-radius: 18px; padding: 20px 22px; }
  .dv2-detail-col .detail-panel h2 { font-size: 16px; font-weight: 700; color: #f3f3f6; margin: 0 0 12px; }
  .dv2-detail-col .detail-panel.poem-text { grid-column: 1 / -1; }
  .dv2-detail-col .detail-panel.poem-text, .dv2-detail-col article.poem-text { font-family: "Spectral", Georgia, serif; font-size: 16px; line-height: 1.7; color: #dcdce2; }
  .dv2-detail-col .detail-panel.poem-text p { color: #dcdce2; }
  .dv2-detail-col .adaptive-lyrics-notice { font-family: "Onest", system-ui, sans-serif; font-size: 12.5px; color: #c99a86; background: rgba(255,138,61,.08); border: 1px solid rgba(255,138,61,.2); border-radius: 10px; padding: 10px 12px; margin-bottom: 12px; }
  .dv2-detail-col .adaptive-lyrics-notice a { color: #ffb08a; }
  .dv2-detail-col .media-stats { display: flex; gap: 14px; font-size: 12.5px; color: #8a8a96; margin: 8px 0; }
  .dv2-detail-col .empty-state { background: #101017; border-radius: 15px; padding: 18px; color: #82828f; }
  /* варианты трека + соц-панель + комменты — карточный скин */
  .dv2-detail-col .variant-list, .dv2-detail-col .comments-panel, .dv2-detail-col .social-actions { margin-top: 16px; }
  .dv2-detail-col .variant-card, .dv2-detail-col .comment-item, .dv2-detail-col .comments-panel { background: #121219; border: 1px solid rgba(255,255,255,.07); border-radius: 14px; }
  .dv2-detail-col .comments-panel { padding: 18px 20px; }
  @media (max-width: 1080px) { .dv2-detail-col .detail-grid { grid-template-columns: 1fr; } .dv2-detail-col .detail-cover { max-width: 240px; } }
}

/* ── A5 (порт ВК vk-178 / Android songLyricsExport): кнопки текста песни в детальных панелях ── */
.lyrics-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; }
.lyrics-action-btn { border: 1px solid var(--line); background: transparent; color: var(--muted); font: inherit; font-size: 13px; line-height: 1; padding: 8px 13px; border-radius: 999px; cursor: pointer; transition: color .15s ease, border-color .15s ease; }
.lyrics-action-btn:hover { color: var(--text); border-color: rgba(255, 255, 255, 0.3); }

/* DESIGN V2 (15): A6 рамка «играет» на карточках главной + A9 кастомный скроллбар списков */
@media (min-width: 901px) {
  body.design-v2 .dv2-song-card.active { border-color: rgba(124,108,245,.55); box-shadow: 0 0 0 1px rgba(124,108,245,.22), 0 12px 30px rgba(124,108,245,.14); }
  body.design-v2 .dv2-pop-row.active { background: rgba(124,108,245,.10); box-shadow: inset 0 0 0 1px rgba(124,108,245,.38); }
  body.design-v2 .dv2-trend.active { border-color: rgba(124,108,245,.55); box-shadow: 0 0 0 1px rgba(124,108,245,.22), 0 12px 30px rgba(124,108,245,.14); }
  /* A9 (порт vk-170 DeskScroll поведенчески, средствами webkit-scrollbar под токены v2):
     скроллится только .dv2-main → рельса сама начинается под шапкой; тумб ≥56px. */
  body.design-v2 .dv2-main { scrollbar-width: thin; scrollbar-color: #2e2e3a transparent; }
  body.design-v2 .dv2-main::-webkit-scrollbar { width: 10px; }
  body.design-v2 .dv2-main::-webkit-scrollbar-track { background: rgba(255,255,255,.05); border-radius: 5px; }
  body.design-v2 .dv2-main::-webkit-scrollbar-thumb { background: #2e2e3a; border-radius: 5px; min-height: 56px; }
  body.design-v2 .dv2-main::-webkit-scrollbar-thumb:hover { background: rgba(124,108,245,.6); }
  /* скин A5-кнопок в v2-обёртке детальных страниц */
  body.design-v2 .dv2-detail-col .lyrics-actions { font-family: "Onest", system-ui, sans-serif; }
  body.design-v2 .dv2-detail-col .lyrics-action-btn { background: #191922; border-color: rgba(255,255,255,.09); color: #b9b9c5; }
  body.design-v2 .dv2-detail-col .lyrics-action-btn:hover { border-color: rgba(124,108,245,.5); color: #fff; }
  /* A2: пилюли «Версия 1|2» внутри карточки песни (список + свайп) */
  body.design-v2 .dv2-mrow-variants { display: inline-flex; align-items: center; gap: 6px; }
  body.design-v2 .dv2-mrow-variants i { font-style: normal; font-size: 11px; font-weight: 600; color: #6a6a77; letter-spacing: .04em; }
  body.design-v2 .dv2-vbtn { min-width: 26px; height: 26px; padding: 0 8px; border-radius: 8px; border: 1px solid rgba(255,255,255,.12); background: #191922; color: #b9b9c5; font-size: 12.5px; font-weight: 700; cursor: pointer; transition: color .15s ease, border-color .15s ease; }
  body.design-v2 .dv2-vbtn:hover { border-color: rgba(255,255,255,.28); color: #fff; }
  body.design-v2 .dv2-vbtn.active { background: #7c6cf5; border-color: #7c6cf5; color: #fff; box-shadow: 0 4px 12px rgba(124,108,245,.35); }
  body.design-v2 .dv2-mrow-rail .dv2-mrow-variants { justify-content: flex-end; }
  body.design-v2 .dv2-swipe-variants { justify-content: center; margin: 10px 0 2px; }
  /* A4: плашка «У вас N неопубликованных песен» (Лента + «Мои песни») */
  body.design-v2 .dv2-pub-banner { display: flex; align-items: center; gap: 12px; margin: 0 0 14px; padding: 12px 16px; background: rgba(124,108,245,.08); border: 1px solid rgba(124,108,245,.3); border-radius: 14px; }
  body.design-v2 .dv2-pub-dot { width: 9px; height: 9px; border-radius: 50%; background: #7c6cf5; box-shadow: 0 0 10px rgba(124,108,245,.8); flex: 0 0 auto; }
  body.design-v2 .dv2-pub-banner b { flex: 1; font-size: 14px; font-weight: 600; color: #e8e8ef; min-width: 0; }
  body.design-v2 .dv2-pub-all { border: 0; border-radius: 10px; background: #7c6cf5; color: #fff; font-size: 13px; font-weight: 700; padding: 9px 16px; cursor: pointer; }
  body.design-v2 .dv2-pub-all:hover { filter: brightness(1.08); }
  body.design-v2 .dv2-pub-all:disabled { opacity: .6; cursor: default; }
  /* A7: свежая песня — зелёная рамка до первого play (v2-строка) */
  body.design-v2 .dv2-mrow.new { border-color: rgba(34,197,94,.55); box-shadow: 0 0 0 1px rgba(34,197,94,.22), 0 12px 30px rgba(34,197,94,.12); }
}

/* ── A7: свежая песня (зелёная рамка до первого play) — v1/мобайл, эталон Android track-card.new ── */
.catalog-list-card.new { border-color: rgba(34, 197, 94, 0.55); box-shadow: 0 0 0 1px rgba(34, 197, 94, 0.22), 0 10px 26px rgba(34, 197, 94, 0.12); }

/* ── A4: попап «Ваши песни ждут слушателей» (контент web-модалки) ── */
.web-pub-sub { margin: 0 0 12px; font-size: 13.5px; color: var(--muted); line-height: 1.5; }
.web-pub-list { max-height: 260px; overflow-y: auto; display: flex; flex-direction: column; gap: 6px; margin: 6px 0 10px; }
.web-pub-row { display: flex; align-items: center; gap: 12px; padding: 9px 12px; border: 1px solid var(--line); border-radius: 12px; cursor: pointer; }
.web-pub-row:hover { border-color: rgba(255, 255, 255, 0.28); }
.web-pub-master { background: rgba(255, 255, 255, 0.04); margin-bottom: 4px; }
.web-pub-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.web-pub-main b { font-size: 14px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.web-pub-main i { font-style: normal; font-size: 12px; color: var(--muted); }
.web-pub-row input[type="checkbox"] { width: 18px; height: 18px; accent-color: var(--accent); flex: 0 0 auto; }
.web-pub-status { margin: 0 0 10px; min-height: 16px; font-size: 12.5px; color: var(--muted); }
.web-pub-actions { display: flex; gap: 10px; }

/* ── Фикс 07-17 (репорт владельца): кружок play на карточках главной v2 реагирует на воспроизведение ── */
@media (min-width: 901px) {
  body.design-v2 .dv2-song-card.playing .dv2-song-play { opacity: 1; box-shadow: 0 0 0 3px rgba(124,108,245,.28), 0 6px 14px rgba(0,0,0,.45); }
  body.design-v2 .dv2-trend.playing .dv2-trend-play { box-shadow: 0 0 0 3px rgba(124,108,245,.28), 0 8px 18px rgba(124,108,245,.4); }
}