/*
 * css/channel.css
 *
 * チャンネル解析ページ（/channel/{id}）専用の差分スタイル。
 * 大半は user.css / entity_detail.css のクラスを流用し、ここでは
 * チャンネル特有の見た目（有料/無料バッジ・カテゴリ・集計中の進捗表示・
 * 角丸の弱いチャンネルアイコン）だけを上書きする。
 */

/* チャンネルアイコンはユーザーの円形と違い角丸の四角が自然 */
.channel-profile-header .channel-profile-icon img,
.channel-profile-header .channel-profile-icon .user-icon-placeholder {
  border-radius: 12px;
}

/* 有料 / 無料バッジ */
.user-badge.channel-badge-free {
  background: #e3f4ec;
  color: #1f7a4d;
  border: 1px solid #b7e2cb;
}
.user-badge.channel-badge-paid {
  background: #fdf0dc;
  color: #9a6411;
  border: 1px solid #f0d3a3;
}

/* 集計中（巨大チャンネルの段階取得）の進捗表示 */
.channel-analysis-progress {
  margin: 10px 0 4px;
  padding: 8px 12px;
  border-radius: 8px;
  background: #eef4fb;
  border: 1px solid #cfe0f2;
  color: #2b4a6b;
  font-size: 13px;
  line-height: 1.6;
}
.channel-analysis-progress a {
  color: #1862b5;
  font-weight: 700;
}

/* 完了後の注記（集計対象外がある旨）。進捗アラートより控えめなグレー */
.channel-analysis-note {
  background: #f4f5f7;
  border-color: #e0e3e8;
  color: #555c66;
}

/* 暫定値であることを示す投稿本数ラベルの補足 */
.channel-page .entity-analysis-item span {
  white-space: nowrap;
}

@media (prefers-color-scheme: dark) {
  .user-badge.channel-badge-free {
    background: rgba(46, 158, 107, 0.18);
    color: #7fd6aa;
    border-color: rgba(46, 158, 107, 0.4);
  }
  .user-badge.channel-badge-paid {
    background: rgba(201, 138, 43, 0.18);
    color: #e3b572;
    border-color: rgba(201, 138, 43, 0.4);
  }
  .channel-analysis-progress {
    background: rgba(40, 90, 150, 0.16);
    border-color: rgba(80, 130, 190, 0.4);
    color: #cfe0f2;
  }
  .channel-analysis-progress a {
    color: #8fc0f0;
  }
  .channel-analysis-note {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.12);
    color: #aab2bd;
  }
}