.tn-compare { margin: 20px 0; }



.tn-compare-form { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:16px; }

.tn-compare-form input { background:#1f1f1f; border:1px solid #2a2a2a; color:#fff; padding:8px 10px; border-radius:8px; }

.tn-compare-form button { background:#9146FF; color:#fff; border:0; padding:10px 16px; border-radius:10px; cursor:pointer; font-weight:600; }

.tn-compare-table-wrap { overflow-x:auto; }

.tn-compare-table { width:100%; border-collapse:separate; border-spacing:0; }

.tn-compare-table th, .tn-compare-table td { padding:10px 12px; border-bottom:1px solid #2a2a2a; vertical-align:middle; white-space:nowrap; }

.tn-compare-table thead th:first-child,

.tn-compare-table tbody td:first-child { position:sticky; left:0; background:#111; z-index:1; font-weight:600; }

.tn-compare-table td.is-leader { background-color:rgba(145,70,255,0.15); font-weight:600; }

.tn-compare-table .tn-compare-crown { font-size:1.1em; line-height:1; margin-right:4px; }

.tn-compare-head { display:flex; align-items:center; gap:8px; }

.tn-compare-head img { border-radius:50%; }

.tn-compare-nick { font-size:.85rem; opacity:.8; }

.tn-compare-empty { opacity:.8; }

.tn-compare-h1 { font-size:1.75rem; font-weight:700; margin-bottom:24px; color:#fff; line-height:1.3; }

@media (max-width:768px) {
  .tn-compare-h1 { font-size:1.5rem; margin-bottom:20px; }
}

/* Мобильная версия */
.tn-compare-mobile { display:none; }

@media (max-width:768px) {
  .tn-compare-mobile { display:block; }
  .tn-compare-table-wrap { display:none; }
}

/* Блок со статусами стримеров */
.tn-compare-mobile-header { margin-bottom:24px; }

.tn-compare-mobile-header-title { font-size:1.1rem; font-weight:600; margin-bottom:12px; color:#fff; }

.tn-compare-mobile-streamers { display:flex; flex-direction:column; gap:12px; }

.tn-compare-mobile-streamer { display:flex; align-items:center; gap:12px; padding:12px; background:#1f1f1f; border:1px solid #2a2a2a; border-radius:12px; text-decoration:none; color:#fff; transition:all 0.2s; }

.tn-compare-mobile-streamer:hover { background:#252525; border-color:#9146FF; }

.tn-compare-mobile-streamer img { border-radius:50%; flex-shrink:0; }

.tn-compare-mobile-streamer-info { flex:1; min-width:0; }

.tn-compare-mobile-streamer-nick { font-weight:600; font-size:1rem; margin-bottom:4px; }

.tn-compare-mobile-streamer-status { display:flex; align-items:center; gap:6px; font-size:0.875rem; }

.tn-compare-status-indicator { width:8px; height:8px; border-radius:50%; flex-shrink:0; }

.tn-compare-mobile-streamer-status.is-live .tn-compare-status-indicator { background-color:#22c55e; box-shadow:0 0 6px rgba(34,197,94,0.5); }

.tn-compare-mobile-streamer-status.is-offline .tn-compare-status-indicator { background-color:#6b7280; }

.tn-compare-mobile-streamer-status.is-live { color:#22c55e; }

.tn-compare-mobile-streamer-status.is-offline { color:#9ca3af; }

/* Карточки сравнения параметров */
.tn-compare-mobile-cards { display:flex; flex-direction:column; gap:16px; }

.tn-compare-mobile-card { background:#1f1f1f; border:1px solid #2a2a2a; border-radius:12px; padding:16px; }

.tn-compare-mobile-card-title { font-size:1rem; font-weight:600; margin-bottom:16px; padding-bottom:12px; border-bottom:2px solid #2a2a2a; color:#fff; }

.tn-compare-mobile-card-content { display:flex; flex-direction:column; gap:10px; }

.tn-compare-mobile-card-row { display:flex; justify-content:space-between; align-items:center; padding:10px 0; border-bottom:1px solid #2a2a2a; }

.tn-compare-mobile-card-row:last-child { border-bottom:none; }

.tn-compare-mobile-card-nick { font-weight:500; color:#fff; display:flex; align-items:center; gap:6px; }

.tn-compare-crown { font-size:1.1em; line-height:1; }

.tn-compare-mobile-card-value { font-weight:600; color:#fff; }

.tn-compare-mobile-card-value.is-leader { color:#9146FF; }

/* Блок "Часто сравнивают" */
.tn-compare-popular { margin-top:32px; padding-top:24px; border-top:1px solid #2a2a2a; }

.tn-compare-popular-title { font-size:1.1rem; font-weight:600; margin-bottom:16px; color:#fff; }

.tn-compare-popular-list { display:flex; flex-wrap:wrap; gap:12px; }

.tn-compare-popular-item { display:flex; align-items:center; gap:10px; padding:10px 14px; background:#1f1f1f; border:1px solid #2a2a2a; border-radius:10px; text-decoration:none; color:#fff; transition:all 0.2s; font-size:0.9rem; }

.tn-compare-popular-item:hover { background:#252525; border-color:#9146FF; }

.tn-compare-popular-item img { border-radius:50%; flex-shrink:0; }

/* Блок "Поделиться" */
.tn-compare-share { display:flex; align-items:center; gap:10px; margin-top:24px; padding-top:20px; border-top:1px solid #2a2a2a; flex-wrap:wrap; }

.tn-compare-share-label { font-size:0.9rem; color:#9ca3af; margin-right:4px; }

.tn-compare-share-btn { padding:8px 14px; background:#1f1f1f; border:1px solid #2a2a2a; border-radius:8px; color:#fff; text-decoration:none; font-size:0.875rem; font-weight:500; cursor:pointer; transition:all 0.2s; }

.tn-compare-share-btn:hover { background:#252525; border-color:#9146FF; }

.tn-compare-share-btn:active { transform:scale(0.95); }

.tn-compare-share-tg:hover { background:#0088cc; border-color:#0088cc; }

.tn-compare-share-vk:hover { background:#0077FF; border-color:#0077FF; }

.tn-compare-share-reddit:hover { background:#FF4500; border-color:#FF4500; }

.tn-compare-share-copy:hover { background:#22c55e; border-color:#22c55e; }

/* История сравнений */
.tn-compare-history-block { margin-top:32px; padding-top:24px; border-top:1px solid #2a2a2a; }

.tn-compare-history-title { font-size:1.1rem; font-weight:600; margin-bottom:16px; color:#fff; }

.tn-compare-history-list { display:flex; flex-direction:column; gap:8px; }

.tn-compare-history-item { padding:10px 14px; background:#1f1f1f; border:1px solid #2a2a2a; border-radius:8px; text-decoration:none; color:#fff; transition:all 0.2s; font-size:0.9rem; }

.tn-compare-history-item:hover { background:#252525; border-color:#9146FF; color:#9146FF; }

/* Цветовое оформление для Пдп за неделю */
.tn-compare-followers7.positive { color:#22c55e; }

.tn-compare-followers7.negative { color:#ef4444; }