/*! HubPods («Мои подкасты») — портативный CSS модуля (HubFront P4).
 * Copyright (c) 2026 Mehti Zeynalov / Hubstorie. Proprietary. All rights reserved.
 *
 * ТОЛЬКО .pods-* (специфика HubPods). Общий каркас сайдбара (.follow-sidebar/.overlay/
 * .follow-empty) — в hubfront.components.css (грузится и на ленте, и в кабинете), не дублируем.
 */
.pods-toolbar{display:flex;flex-direction:column;gap:11px;padding:12px 16px;border-bottom:1px solid var(--border)}
.pods-toolbar:empty{display:none}
.pods-play-sel{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:var(--accent);color:#1a1a1c;border:none;border-radius:13px;padding:11px 14px;font-size:14px;font-weight:600;cursor:pointer;font-family:'Inter Tight',sans-serif}
.pods-play-sel svg{width:13px;height:13px}
.pods-play-sel:active{transform:scale(0.99)}
.pods-tb-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pods-cont{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:500;color:var(--text-dim);cursor:pointer;user-select:none}
.pods-switch{position:relative;display:inline-block;width:38px;height:22px;flex-shrink:0}
.pods-switch input{position:absolute;opacity:0;width:0;height:0}
.pods-switch-tr{position:absolute;inset:0;background:var(--border);border-radius:11px;transition:background .2s}
.pods-switch-tr::before{content:'';position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:var(--text-dim);transition:transform .2s,background .2s}
.pods-switch input:checked + .pods-switch-tr{background:var(--accent)}
.pods-switch input:checked + .pods-switch-tr::before{transform:translateX(16px);background:#1a1a1c}
.pods-selall{background:transparent;border:1px solid var(--border);color:var(--text-dim);border-radius:14px;padding:7px 14px;font-size:12.5px;font-weight:600;cursor:pointer;font-family:'Inter Tight',sans-serif}
.pods-selall:active{transform:scale(0.97)}
.pods-now{display:none}
.pods-now.on{display:flex;align-items:center;gap:11px;padding:11px 16px;border-bottom:1px solid var(--border);background:var(--bg-soft)}
.pods-now-btn{width:36px;height:36px;border-radius:50%;background:var(--accent);color:#1a1a1c;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}
.pods-now-btn svg{width:14px;height:14px}
.pods-now-info{flex:1;min-width:0}
.pods-now-title{font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}
.pods-now-track{height:5px;background:rgba(237,228,211,.18);border-radius:3px;overflow:hidden}
.pods-now-fill{height:100%;width:0;background:var(--accent)}
.pods-now-time{font-size:11px;color:var(--text-dim);font-variant-numeric:tabular-nums;flex-shrink:0}
.pods-day{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);padding:14px 16px 6px;font-weight:600}
.pods-item{display:flex;align-items:center;gap:11px;padding:9px 16px}
.pods-item.playing{background:rgba(212,165,116,.10)}
.pods-check{width:22px;height:22px;border-radius:50%;border:2px solid var(--border);background:transparent;flex-shrink:0;cursor:pointer;position:relative}
.pods-check.on{background:#2faa5a;border-color:#2faa5a}
.pods-check.on::after{content:'';position:absolute;left:6px;top:3px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.pods-it-main{flex:1;min-width:0;cursor:pointer}
.pods-it-title{font-size:14px;color:var(--text);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pods-it-sub{display:flex;align-items:center;gap:8px;margin-top:2px}
.pods-it-author{font-size:12px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pods-off-badge{flex-shrink:0;font-size:10px;font-weight:600;letter-spacing:.03em;color:#2faa5a;background:rgba(47,170,90,.14);border-radius:8px;padding:1px 7px;text-transform:uppercase}
.pods-dl{background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:5px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.pods-dl svg{width:18px;height:18px}
.pods-dl.on{color:#2faa5a}
.pods-dl:hover{color:var(--accent)}
.pods-dl.busy{opacity:.5;pointer-events:none;animation:pods-pulse 1s ease-in-out infinite}
@keyframes pods-pulse{0%,100%{opacity:.35}50%{opacity:.8}}
.pods-rm{background:transparent;border:none;color:var(--text-faint,#8c857a);font-size:15px;cursor:pointer;padding:4px 6px;flex-shrink:0}
.pods-rm:hover{color:var(--accent)}