/* ─── K.I.R.A. Kontrastmodus ──────────────────────── */
/* Aktiviert via .kira-contrast                     */

.kira-contrast {
  --bg: #ffffff;
  --bg-card: #f5f5f5;
  --border: #cccccc;
  --glow: #0055cc;
  --text: #1a1a1a;
  --text-dim: #555555;
  --text-bright: #000000;
  --success: #008a2e;
  --orange: #b45309;
  --danger: #cc0000;
  background: var(--bg) !important;
  color: var(--text) !important;
}

/* Pseudo-Elemente (Grid-Overlay etc.) abschalten */
.kira-contrast::before { display: none !important; }

/* Topbar */
.kira-contrast .kira-topbar {
  background: #1a1a1a !important;
  border-bottom: 2px solid #0055cc !important;
}
.kira-contrast .kira-topbar-logo { color: #ffffff !important; }
.kira-contrast .kira-nav a,
.kira-contrast .kira-nav-trigger { color: #cccccc !important; }
.kira-contrast .kira-nav a:hover,
.kira-contrast .kira-nav a.active,
.kira-contrast .kira-nav-trigger:hover,
.kira-contrast .kira-nav-trigger.active { color: #ffffff !important; }
.kira-contrast .kira-nav-dropdown {
  background: #1a1a1a !important;
  border: 1px solid #444444 !important;
}
.kira-contrast .kira-nav-dropdown a { color: #cccccc !important; }
.kira-contrast .kira-nav-dropdown a:hover { background: #333333 !important; color: #ffffff !important; }
.kira-contrast .kira-user-name { color: #cccccc !important; }
.kira-contrast .kira-logout { color: #ff6666 !important; border-color: #ff6666 !important; }

/* Cards & Panels */
.kira-contrast .stat-tile,
.kira-contrast .idea-card,
.kira-contrast .new-idea,
.kira-contrast .card,
.kira-contrast [class*="card"],
.kira-contrast [class*="panel"] {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  color: var(--text) !important;
}
.kira-contrast .new-idea::before { background: linear-gradient(90deg, transparent, var(--glow), transparent) !important; }

/* Texte */
.kira-contrast h1,
.kira-contrast h2,
.kira-contrast h3,
.kira-contrast .idea-title,
.kira-contrast .stat-pill strong { color: var(--text-bright) !important; }

.kira-contrast .page-header h1,
.kira-contrast .new-idea h2 { color: var(--glow) !important; }

/* Inputs */
.kira-contrast input,
.kira-contrast textarea,
.kira-contrast select {
  background: #ffffff !important;
  border: 1px solid #999999 !important;
  color: #1a1a1a !important;
}
.kira-contrast input:focus,
.kira-contrast textarea:focus,
.kira-contrast select:focus { border-color: var(--glow) !important; outline: 2px solid rgba(0,85,204,0.3) !important; }
.kira-contrast input::placeholder,
.kira-contrast textarea::placeholder { color: #777777 !important; }

/* Buttons */
.kira-contrast .btn {
  border-color: var(--glow) !important;
  color: var(--glow) !important;
  background: transparent !important;
}
.kira-contrast .btn:hover,
.kira-contrast .btn-fill { background: rgba(0,85,204,0.1) !important; }

.kira-contrast .filter-btn {
  border-color: var(--border) !important;
  color: var(--text-dim) !important;
}
.kira-contrast .filter-btn:hover,
.kira-contrast .filter-btn.active {
  border-color: var(--glow) !important;
  color: var(--glow) !important;
}

.kira-contrast .vote-btn {
  border-color: var(--border) !important;
  color: var(--text-dim) !important;
}
.kira-contrast .vote-btn:hover { border-color: var(--success) !important; color: var(--success) !important; }
.kira-contrast .vote-count { color: var(--success) !important; }

.kira-contrast .status-select {
  background: #ffffff !important;
  border: 1px solid #999999 !important;
  color: #1a1a1a !important;
}

/* Tags */
.kira-contrast .tag-cat { background: rgba(0,85,204,0.1) !important; color: var(--glow) !important; }
.kira-contrast .tag-prio-hoch { background: rgba(204,0,0,0.1) !important; color: var(--danger) !important; }
.kira-contrast .tag-prio-normal { background: rgba(180,83,9,0.1) !important; color: var(--orange) !important; }
.kira-contrast .tag-prio-niedrig { background: rgba(85,85,85,0.1) !important; color: var(--text-dim) !important; }

/* Info & Dim Text */
.kira-contrast .idea-info,
.kira-contrast .comment-date,
.kira-contrast .comment-count,
.kira-contrast .stat-pill { color: var(--text-dim) !important; }
.kira-contrast .stat-pill { border-color: var(--border) !important; }
.kira-contrast .comment-author { color: var(--glow) !important; }

/* Footer */
.kira-contrast .kira-footer {
  color: #555555 !important;
  border-top-color: var(--border) !important;
}
.kira-contrast .kira-footer-online { color: var(--success) !important; }

/* SVG Icons folgen automatisch currentColor */

/* Scrollbar */
.kira-contrast::-webkit-scrollbar-track { background: var(--bg) !important; }
.kira-contrast::-webkit-scrollbar-thumb { background: var(--border) !important; }

/* Dashboard Tiles */
.kira-contrast .stat-value { color: var(--text-bright) !important; }
.kira-contrast .stat-label { color: var(--text-dim) !important; }

/* Tabellen */
.kira-contrast table { border-color: var(--border) !important; }
.kira-contrast th { background: #e8e8e8 !important; color: var(--text-bright) !important; border-color: var(--border) !important; }
.kira-contrast td { border-color: var(--border) !important; color: var(--text) !important; }
.kira-contrast tr:hover td { background: rgba(0,85,204,0.05) !important; }

/* Skeleton Shimmer */
.kira-contrast .skeleton { background: #e0e0e0 !important; }
.kira-contrast .skeleton::after { background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent) !important; }

/* Empty State */
.kira-contrast .empty { color: var(--text-dim) !important; }

/* Detail/Comment Section */
.kira-contrast .idea-detail { border-top-color: var(--border) !important; }
.kira-contrast .comment { border-bottom-color: var(--border) !important; }

/* Impersonate Bar */
.kira-contrast .kira-impersonate-bar { background: #fff3cd !important; color: #664d03 !important; }

/* Wisdom Widget */
.kira-contrast .wisdom-box { background: var(--bg-card) !important; border-color: var(--border) !important; color: var(--text) !important; }

/* Modal/Overlay */
.kira-contrast .modal,
.kira-contrast [class*="modal"] { background: var(--bg-card) !important; border: 1px solid var(--border) !important; }

/* Konsole */
.kira-contrast .console-input { background: #ffffff !important; border-color: var(--border) !important; color: var(--text) !important; }
.kira-contrast .msg-user { background: rgba(0,85,204,0.08) !important; }
.kira-contrast .msg-assistant { background: var(--bg-card) !important; }

/* Toggle Button in Topbar */
.kira-contrast-btn {
  background: none;
  border: 1px solid rgba(255,255,255,0.2);
  color: rgba(255,255,255,0.6);
  padding: 3px 8px;
  border-radius: 3px;
  cursor: pointer;
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.55rem;
  letter-spacing: 1px;
  transition: all 0.2s;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-right: 8px;
}
.kira-contrast-btn:hover { border-color: rgba(255,255,255,0.5); color: rgba(255,255,255,0.9); }
.kira-contrast-btn .ki { width: 12px; height: 12px; }
.kira-contrast .kira-contrast-btn { border-color: rgba(255,255,255,0.4); color: #ffffff; background: rgba(255,255,255,0.1); }