/* ═══ ClueLand UI Scale — 120% ═══════════════════════
   Точные оверрайды на основе реальных классов
════════════════════════════════════════════════════ */

/* ─── Видеокарточки ─────────────────────────────── */
.video-card {
  border-radius: 12px;
  /* overflow: hidden removed — clips card text */
  transition: transform .15s;
}
.video-card:hover { transform: translateY(-3px); }

#videoGrid {
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
  gap: 22px !important;
}

/* Thumbnail */
.video-thumb-wrap {
  aspect-ratio: 16/9;
  
  border-radius: 10px;
  overflow: hidden;
}
.video-thumb-wrap img { width:100%; height:100%; object-fit:cover; }

/* Длительность поверх thumbnail */
.vid-dur, .pl-dur, [class*="dur"] { font-size: 11px !important; }

/* Название под карточкой */
.video-card .vid-title,
.video-card [class*="title"] { font-size: 14px !important; line-height: 1.4 !important; }

.video-card .vid-meta,
.video-card [class*="meta"]  { font-size: 12px !important; }

/* ─── Вспышки (flash) ───────────────────────────── */
#flashGrid {
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important;
  gap: 16px !important;
}

/* ─── Сайдбар ───────────────────────────────────── */
.sidebar-icon  { font-size: 20px !important; }
.sidebar-label { font-size: 14px !important; }
.sidebar-item  { padding: 12px 18px !important; }
.sidebar-item-sm { padding: 9px 18px !important; }

/* ─── Правая панель: Партнёры ───────────────────── */
.partner-item { padding: 12px 16px !important; }
.partner-ava  { width: 42px !important; height: 42px !important; font-size: 15px !important; }
.partner-name { font-size: 15px !important; }
.partner-sub  { font-size: 12px !important; }

/* ─── Секции ────────────────────────────────────── */
.section-hdr { font-size: 18px !important; margin-bottom: 18px !important; }

/* ─── Шапка ─────────────────────────────────────── */
.hdr-logo svg { width: 44px !important; height: 44px !important; }
.search-pill input { font-size: 15px !important; }
.profile-btn { font-size: 14px !important; padding: 5px 14px 5px 6px !important; }
.profile-ava  { width: 30px !important; height: 30px !important; }

/* ─── Авторизация ───────────────────────────────── */
.btn-ghost, .btn-primary-sm { font-size: 14px !important; padding: 7px 18px !important; }

/* ─── Мотивация / цитата ────────────────────────── */
.quote-text   { font-size: 14px !important; line-height: 1.6 !important; }
.quote-author { font-size: 12px !important; }

/* ─── Профиль: статистика ───────────────────────── */
.sv { font-size: 28px !important; }
.sl { font-size: 13px !important; }

/* ─── Тосты ─────────────────────────────────────── */
.role-toast {
  font-size: 14px !important;
  padding: 10px 22px !important;
  border-radius: 22px !important;
}

/* ─── Video card meta fix ─── */
.video-card .video-meta{display:flex;align-items:flex-start;gap:10px;padding:10px 4px 4px;justify-content:flex-start}
.vm-ava{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#b8935a,#5c3d10);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}
.vm-text{flex:1;min-width:0}
.vm-title{font-size:14px;font-weight:500;color:#efeff1;line-height:1.4;margin-bottom:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vm-sub{font-size:12px;color:#6b7280;line-height:1.4}