/* ============================================
   会話コラム - ライトテーマ上書き
   conversation.css の上書き用
   ============================================ */

/* ---------- Conversation Block ---------- */
:root[data-theme="light"] .conversation-block {
  background: rgba(255, 255, 255, 0.85);
  border-color: rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}

:root[data-theme="light"] .conversation-block-title {
  border-bottom-color: rgba(0, 0, 0, 0.06);
}

/* ---------- Chat Container ---------- */
:root[data-theme="light"] .chat-container {
  background: rgba(0, 0, 0, 0.015);
  border-color: rgba(0, 0, 0, 0.06);
}

:root[data-theme="light"] .chat-container::before {
  background: linear-gradient(
    to bottom,
    transparent 0%,
    rgba(91, 95, 199, 0.08) 15%,
    rgba(91, 95, 199, 0.08) 85%,
    transparent 100%
  );
}

/* ---------- Avatar ---------- */
:root[data-theme="light"] .chat-avatar {
  border-color: rgba(0, 0, 0, 0.08);
}

:root[data-theme="light"] .chat-row.user .chat-avatar {
  border-color: rgba(217, 159, 19, 0.3);
  box-shadow: 0 0 8px rgba(217, 159, 19, 0.08);
}

:root[data-theme="light"] .chat-row.ai .chat-avatar {
  border-color: rgba(91, 95, 199, 0.3);
  box-shadow: 0 0 8px rgba(91, 95, 199, 0.08);
}

/* ---------- Bubble ---------- */
:root[data-theme="light"] .chat-row.user .chat-bubble {
  background: rgba(251, 191, 36, 0.06);
  border-color: rgba(217, 159, 19, 0.15);
}

:root[data-theme="light"] .chat-row.ai .chat-bubble {
  background: rgba(91, 95, 199, 0.05);
  border-color: rgba(91, 95, 199, 0.12);
}

:root[data-theme="light"] .chat-speaker {
  opacity: 0.85;
}

:root[data-theme="light"] .chat-row.user .chat-speaker {
  color: #b8860b;
}

:root[data-theme="light"] .chat-row.ai .chat-speaker {
  color: var(--accent-2);
}

:root[data-theme="light"] .chat-text {
  color: var(--text-secondary);
}

:root[data-theme="light"] .chat-text strong {
  color: var(--text-primary);
}

:root[data-theme="light"] .chat-text em {
  color: var(--accent-2);
}

:root[data-theme="light"] .chat-text code {
  background: rgba(0, 0, 0, 0.05);
  color: #7c3aed;
}

/* ---------- Explanation Section ---------- */
:root[data-theme="light"] .explanation-section {
  background: rgba(0, 0, 0, 0.02);
  border-color: rgba(0, 0, 0, 0.06);
  box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.02);
}

:root[data-theme="light"] .explanation-title {
  color: var(--text-primary);
}

:root[data-theme="light"] .explanation-body {
  color: var(--text-secondary);
}

:root[data-theme="light"] .explanation-body li::before {
  color: var(--accent-2);
}

/* ---------- Key Point ---------- */
:root[data-theme="light"] .key-point {
  background: rgba(91, 95, 199, 0.04);
  border-color: rgba(91, 95, 199, 0.12);
}

:root[data-theme="light"] .key-point-label {
  color: var(--accent-2);
}

:root[data-theme="light"] .key-point-text {
  color: var(--text-secondary);
}

/* ---------- Bad Example ---------- */
:root[data-theme="light"] .bad-example .chat-row.user .chat-bubble {
  background: rgba(239, 68, 68, 0.04);
  border-color: rgba(220, 38, 38, 0.15);
}

:root[data-theme="light"] .bad-example .chat-row.user .chat-speaker {
  color: #dc2626;
}

:root[data-theme="light"] .bad-example .chat-row.user .chat-avatar {
  border-color: rgba(220, 38, 38, 0.25);
  box-shadow: 0 0 8px rgba(220, 38, 38, 0.06);
}

:root[data-theme="light"] .bad-label {
  color: #dc2626;
  background: rgba(220, 38, 38, 0.06);
  border-color: rgba(220, 38, 38, 0.15);
}

:root[data-theme="light"] .good-label {
  color: #059669;
  background: rgba(5, 150, 105, 0.06);
  border-color: rgba(5, 150, 105, 0.15);
}

/* ---------- Chat Notice Card ---------- */
:root[data-theme="light"] .chat-notice.notice-warning {
  background: rgba(245, 158, 11, 0.05);
  border-color: rgba(217, 139, 9, 0.15);
  border-left-color: rgba(217, 139, 9, 0.5);
}

:root[data-theme="light"] .chat-notice.notice-warning .chat-notice-icon {
  background: rgba(245, 158, 11, 0.1);
  color: #d97706;
}

:root[data-theme="light"] .chat-notice.notice-warning .chat-notice-label {
  color: #d97706;
}

:root[data-theme="light"] .chat-notice.notice-warning .chat-notice-text strong {
  color: #92400e;
}

:root[data-theme="light"] .chat-notice.notice-danger {
  background: rgba(239, 68, 68, 0.04);
  border-color: rgba(220, 38, 38, 0.12);
  border-left-color: rgba(220, 38, 38, 0.5);
}

:root[data-theme="light"] .chat-notice.notice-danger .chat-notice-icon {
  background: rgba(220, 38, 38, 0.08);
  color: #dc2626;
}

:root[data-theme="light"] .chat-notice.notice-danger .chat-notice-label {
  color: #dc2626;
}

:root[data-theme="light"] .chat-notice.notice-danger .chat-notice-text strong {
  color: #991b1b;
}

:root[data-theme="light"] .chat-notice.notice-info {
  background: rgba(91, 95, 199, 0.04);
  border-color: rgba(91, 95, 199, 0.12);
  border-left-color: rgba(91, 95, 199, 0.4);
}

:root[data-theme="light"] .chat-notice.notice-info .chat-notice-icon {
  background: rgba(91, 95, 199, 0.08);
  color: var(--accent-2);
}

:root[data-theme="light"] .chat-notice.notice-info .chat-notice-label {
  color: var(--accent-2);
}

:root[data-theme="light"] .chat-notice.notice-info .chat-notice-text strong {
  color: var(--text-primary);
}

/* ---------- Separator ---------- */
:root[data-theme="light"] .conv-separator {
  background: linear-gradient(
    to right,
    transparent,
    rgba(0, 0, 0, 0.08),
    transparent
  );
}