/* Theme + enhanced activity card styles isolated from core styles.css to reduce merge conflicts */
body {
  transition: background-color 0.25s ease, color 0.25s ease;
}

body.dark-mode {
  background-color: #0b1220;
  color: #e5e7eb;
}

body.dark-mode #app-container .bg-gray-50,
body.dark-mode #app-container.bg-gray-50,
body.dark-mode .bg-gray-50 { background-color: #0f172a !important; }

body.dark-mode #app-container .bg-white,
body.dark-mode #app-container .chunk-card,
body.dark-mode #app-container #activity-content,
body.dark-mode #app-container #dropdown-menu,
body.dark-mode #message-modal > div,
body.dark-mode #achievement-card,
body.dark-mode #loading-indicator > div {
  background-color: #111827 !important;
  color: #e5e7eb;
}

body.dark-mode #app-container .text-gray-500,
body.dark-mode #app-container .text-gray-600,
body.dark-mode #app-container .text-gray-700,
body.dark-mode #app-container .text-gray-800,
body.dark-mode #app-container .text-gray-900 { color: #d1d5db !important; }

.activity-btn.enhanced {
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
  width: 100%;
  text-align: right;
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
  padding: 1.25rem;
  box-shadow: 0 1px 2px rgba(0,0,0,.06);
}
.activity-btn.enhanced:hover { transform: translateY(-2px); box-shadow: 0 10px 20px -12px rgba(0,0,0,.35); }
.activity-btn.enhanced:active { transform: translateY(0); }
.activity-btn.enhanced:focus-visible { outline: 2px solid #3b82f6; outline-offset: 2px; }

.activity-btn.enhanced.activity-btn-default { background:#fff; color:#1f2937; }
.activity-btn.enhanced.activity-btn-complete { background: linear-gradient(135deg, #dcfce7 0%, #d1fae5 100%); color:#166534; border-color:#86efac; }

.activity-icon {
  width: 2rem; height:2rem; display:inline-flex; align-items:center; justify-content:center;
  border-radius:9999px; background: rgba(59,130,246,.12); font-size:1.1rem;
}
.activity-chip {
  padding: .22rem .6rem; border-radius:9999px; font-weight:700; font-size:.78rem;
  background:#e5e7eb; color:#374151;
}
.activity-btn-complete .activity-chip { background:#bbf7d0; color:#166534; }

body.dark-mode .activity-btn.enhanced.activity-btn-default { background:#111827; color:#e5e7eb; border-color:#374151; }
body.dark-mode .activity-btn.enhanced.activity-btn-complete { background: linear-gradient(135deg, #064e3b 0%, #065f46 100%); border-color:#10b981; color:#d1fae5; }
body.dark-mode .activity-icon { background: rgba(96,165,250,.2); }
body.dark-mode .activity-chip { background:#374151; color:#e5e7eb; }
body.dark-mode .activity-btn-complete .activity-chip { background:#10b981; color:#052e16; }