/* common.css — CSS 변수 기반 테마 시스템 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Code&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

/* ── Dark 기본값 ── */
:root {
  --hdr-h: 64px;
  --gap: 16px;
  --c-bg-base : #030304;
  --c-bg-900  : #0a0f1a;
  --c-bg-800  : #0f172a;
  --c-bg-700  : #111827;
  --c-bg-600  : #1e293b;
  --c-bg-500  : #334155;
  --c-border     : #374151;
  --c-border-sub : #1e293b;
  --c-text-base  : #e2e8f0;
  --c-text-muted : #94a3b8;
  --c-text-dim   : #64748b;
}

/* ── Light 오버라이드 ── */
[data-theme="light"] {
  --c-bg-base : #e8edf5;
  --c-bg-900  : #f1f5fb;
  --c-bg-800  : #f8fafc;
  --c-bg-700  : #ffffff;
  --c-bg-600  : #e2eaf4;
  --c-bg-500  : #c8d5e8;
  --c-border     : #c8d5e4;
  --c-border-sub : #dde6f0;
  --c-text-base  : #1e293b;
  --c-text-muted : #475569;
  --c-text-dim   : #94a3b8;
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

html, body { overflow: auto; }

body {
  font-family: 'Pretendard', 'Inter', sans-serif;
  background-color: var(--c-bg-base);
  color: var(--c-text-base);
  min-height: 100vh;
  transition: background-color 0.2s, color 0.2s;
}

.font-mono  { font-family: 'JetBrains Mono', monospace; }
.font-spoqa { font-family: 'Spoqa Han Sans'; }
.logo       { width: 100px !important; height: auto !important; }

/* ── Tailwind named 클래스 → 변수 오버라이드 ── */
[data-theme="light"] .bg-gray-900  { background-color: var(--c-bg-800) !important; }
[data-theme="light"] .bg-gray-800  { background-color: var(--c-bg-700) !important; }
[data-theme="light"] .bg-gray-700  { background-color: var(--c-bg-600) !important; }
[data-theme="light"] .bg-gray-900\/30 { background-color: rgba(238,242,247,0.5) !important; }
[data-theme="light"] .bg-gray-900\/40 { background-color: rgba(238,242,247,0.6) !important; }
[data-theme="light"] .bg-gray-900\/50 { background-color: rgba(238,242,247,0.7) !important; }
[data-theme="light"] .bg-gray-800\/30 { background-color: rgba(255,255,255,0.5) !important; }
[data-theme="light"] .bg-gray-800\/40 { background-color: rgba(255,255,255,0.6) !important; }
[data-theme="light"] .bg-gray-800\/50 { background-color: rgba(255,255,255,0.7) !important; }
[data-theme="light"] .bg-gray-700\/50 { background-color: rgba(226,234,244,0.6) !important; }
[data-theme="light"] .bg-black\/10    { background-color: rgba(0,0,0,0.03) !important; }
[data-theme="light"] .bg-black\/20    { background-color: rgba(0,0,0,0.05) !important; }
[data-theme="light"] .bg-black\/30    { background-color: rgba(0,0,0,0.07) !important; }
[data-theme="light"] .bg-white\/5     { background-color: rgba(0,0,0,0.04) !important; }

[data-theme="light"] .text-white    { color: var(--c-text-base) !important; }
/* header 내부 — 다크 배경 고정이므로 흰색 유지 */
[data-theme="light"] header .text-white { color: #ffffff !important; }
[data-theme="light"] body.bg-pattern .text-white { color: #0f172a !important; }
/* 컬러 배경 위의 text-white는 흰색 유지 */
[data-theme="light"] [class*="bg-red-"] .text-white,
[data-theme="light"] [class*="bg-rose-"] .text-white,
[data-theme="light"] [class*="bg-blue-"] .text-white,
[data-theme="light"] [class*="bg-indigo-"] .text-white,
[data-theme="light"] [class*="bg-green-"] .text-white,
[data-theme="light"] [class*="bg-yellow-"] .text-white,
[data-theme="light"] [class*="bg-orange-"] .text-white,
[data-theme="light"] [class*="bg-purple-"] .text-white,
[data-theme="light"] .bg-red-600 .text-white,
[data-theme="light"] .bg-red-700 .text-white { color: #ffffff !important; }
/* 단독 컬러 배경 버튼 자신의 텍스트 */
[data-theme="light"] button[class*="bg-red-"],
[data-theme="light"] a[class*="bg-red-"]     { color: #444 !important; }
[data-theme="light"] .text-gray-100 { color: #1e293b !important; }
[data-theme="light"] .text-gray-200 { color: #334155 !important; }
[data-theme="light"] .text-gray-300 { color: #475569 !important; }
[data-theme="light"] .text-gray-400 { color: #444 !important; }
[data-theme="light"] .text-gray-500 { color: #94a3b8 !important; }

[data-theme="light"] .border-gray-700 { border-color: var(--c-border) !important; }
[data-theme="light"] .border-gray-800 { border-color: var(--c-border-sub) !important; }
[data-theme="light"] .border-gray-600 { border-color: var(--c-border) !important; }

[data-theme="light"] .hover\:bg-gray-700:hover  { background-color: #dbeafe !important; }
[data-theme="light"] .hover\:bg-gray-800:hover  { background-color: #dbeafe !important; }
[data-theme="light"] .hover\:bg-white\/5:hover  { background-color: #dbeafe !important; }
[data-theme="light"] .hover\:bg-white\/10:hover { background-color: #dbeafe !important; }
[data-theme="light"] .group:hover .group-hover\:opacity-100 { opacity: 1 !important; color: #fff !important; }

[data-theme="light"] button.bg-gray-700,
[data-theme="light"] button.bg-gray-800            { background-color: #475569 !important; color: #ffffff !important; }
[data-theme="light"] .bg-gray-700.text-white,
[data-theme="light"] .bg-gray-700.text-gray-200,
[data-theme="light"] span.bg-gray-700             { background-color: #475569 !important; color: #ffffff !important; }

[data-theme="light"] button.bg-indigo-600,
[data-theme="light"] button.bg-indigo-700,
[data-theme="light"] button.bg-blue-600,
[data-theme="light"] button.bg-blue-700           { color: #ffffff !important; }

[data-theme="light"] .bg-black                    { background: #000000 !important; }
[data-theme="light"] .bg-black .text-white         { color: #ffffff !important; }
[data-theme="light"] .bg-black .text-gray-200      { color: #e5e7eb !important; }
[data-theme="light"] .bg-black .text-gray-300      { color: #d1d5db !important; }
[data-theme="light"] .bg-black .text-gray-400      { color: #9ca3af !important; }
[data-theme="light"] .bg-black .text-gray-500      { color: #6b7280 !important; }
[data-theme="light"] .bg-black .text-gray-800      { color: #1f2937 !important; }
[data-theme="light"] .bg-black .text-red-400       { color: #f87171 !important; }
[data-theme="light"] .bg-black .text-red-500       { color: #ef4444 !important; }
[data-theme="light"] .bg-black .text-blue-400      { color: #60a5fa !important; }
[data-theme="light"] .bg-black .text-blue-500      { color: #3b82f6 !important; }
[data-theme="light"] .bg-black .border-gray-800    { border-color: #1f2937 !important; }
[data-theme="light"] .bg-black .bg-red-900\/40     { background: rgba(127,29,29,0.4) !important; }
[data-theme="light"] .bg-black .bg-blue-900\/40    { background: rgba(30,58,138,0.4) !important; }
[data-theme="light"] .bg-black .border-red-900     { border-color: #7f1d1d !important; }
[data-theme="light"] .bg-black .border-blue-900    { border-color: #1e3a8a !important; }

/* 타임라인(ttb) light 테마는 app.css에서 관리 */

/* ── 스크롤바 ── */
::-webkit-scrollbar        { width: 6px; height: 6px; }
::-webkit-scrollbar-track  { background: #0f172a; }
::-webkit-scrollbar-thumb  { background: #334155; border-radius: 3px; }
::-webkit-scrollbar-corner { background: #0f172a; }
*                          { scrollbar-width: thin; scrollbar-color: #334155 #0f172a; }

[data-theme="light"] ::-webkit-scrollbar-track  { background: #dde4ee; }
[data-theme="light"] ::-webkit-scrollbar-thumb  { background: #94a3b8; border-radius: 3px; }
[data-theme="light"] ::-webkit-scrollbar-corner { background: #dde4ee; }
[data-theme="light"] *                          { scrollbar-color: #94a3b8 #dde4ee; }

/* ── 테마 토글 버튼 (floating circle) ── */
#__themeTogglWrap {
  position: fixed !important;
  bottom: 24px !important;
  right: 24px !important;
  z-index: 2147483647 !important;
  pointer-events: none !important;
}
#__themeToggleBtn {
  pointer-events: auto !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  font-size: 17px !important;
  transition: transform 0.2s, background 0.2s, box-shadow 0.2s !important;
  background: rgba(15,23,42,0.80) !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.35) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}
#__themeToggleBtn:hover {
  transform: scale(1.12) !important;
  background: rgba(15,23,42,0.95) !important;
  box-shadow: 0 6px 20px rgba(0,0,0,0.45) !important;
}
#__themeToggleBtn i { color: #e2e8f0 !important; font-size: 17px !important; }

/* light 모드: 진한 네이비 + 흰 아이콘 — inline style로 강제 */
[data-theme="light"] #__themeTogglWrap #__themeToggleBtn,
[data-theme="light"] #__themeToggleBtn {
  background: #1e293b !important;
  background-color: #1e293b !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.25) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  opacity: 1 !important;
}
[data-theme="light"] #__themeTogglWrap #__themeToggleBtn:hover,
[data-theme="light"] #__themeToggleBtn:hover {
  background: #0f172a !important;
  background-color: #0f172a !important;
  transform: scale(1.12) !important;
}
[data-theme="light"] #__themeTogglWrap #__themeToggleBtn i,
[data-theme="light"] #__themeToggleBtn i { color: #ffffff !important; }

/* ── 인포데믹 이슈 트래커 설명글 ── */
[data-theme="light"] .text-blue-200\/70 { color: #444 !important; }

/* =====================================================
   통합 이슈 타임라인 — Light 모드 적용
   ===================================================== */

/* ttb-panel 배경 (다크 고정 해제 → light 색상 적용) */
[data-theme="light"] .ttb-panel {
  background: linear-gradient(180deg, rgba(241,245,249,0.98), rgba(238,242,247,0.96)) !important;
  border-color: var(--c-border) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.08) !important;
}

/* ttb-panel 내부 텍스트/변수 — light 값으로 */
[data-theme="light"] .ttb-panel *              { --c-text-base: #444; }
[data-theme="light"] .ttb-panel .text-white    { color: #1e293b !important; }
[data-theme="light"] .ttb-panel .text-gray-200 { color: #334155 !important; }
[data-theme="light"] .ttb-panel .text-gray-300 { color: #475569 !important; }
[data-theme="light"] .ttb-panel .text-gray-400 { color: #444 !important; }
[data-theme="light"] .ttb-panel .text-blue-500 { color: #2563eb !important; }
[data-theme="light"] .ttb-panel .border-gray-700 { border-color: var(--c-border) !important; }
[data-theme="light"] .ttb-panel input {
  background: #ffffff !important;
  color: #1e293b !important;
  border-color: var(--c-border) !important;
}
[data-theme="light"] #ttbSelectedLabel { color: #334155 !important; }

/* vis.js 패널 배경 */
[data-theme="light"] .ttb-panel .vis-panel.vis-bottom,
[data-theme="light"] .ttb-panel .vis-panel.vis-center,
[data-theme="light"] .ttb-panel .vis-panel.vis-left,
[data-theme="light"] .ttb-panel .vis-panel.vis-right,
[data-theme="light"] .ttb-panel .vis-panel.vis-top {
  border-color: var(--c-border) !important;
  background: transparent !important;
}

/* 축 날짜 텍스트 */
[data-theme="light"] .ttb-panel .vis-time-axis .vis-text { color: #444 !important; }

/* 축 그리드 선 */
[data-theme="light"] .ttb-panel .vis-time-axis .vis-grid.vis-minor { border-color: #dde4ee !important; }
[data-theme="light"] .ttb-panel .vis-time-axis .vis-grid.vis-major { border-color: #c8d5e4 !important; }

/* 라벨 박스 (pri 색상은 의미색이라 유지, 텍스트만 흰색 고정) */
[data-theme="light"] .ttb-panel .tl-label .vis-item-content { color: #ffffff !important; }

/* 현재 시간 빨간 점선 — 유지 */
[data-theme="light"] .ttb-panel .vis-current-time {
  border-left-color: #ef4444 !important;
}

/* hint 툴팁 */
[data-theme="light"] .ttb-panel .ttb-hint {
  background: rgba(241,245,249,0.95) !important;
  border-color: var(--c-border) !important;
  color: #1e293b !important;
}

/* 선택된 날짜 인풋 배경 */
[data-theme="light"] .ttb-panel .bg-\[var\(--c-bg-800\)\],
[data-theme="light"] .ttb-panel .bg-\[var\(--c-bg-700\)\] {
  background: #ffffff !important;
  color: #1e293b !important;
}

/* ── hover: light 모드 — 배경만 밝게, 텍스트는 절대 건드리지 않음 ── */

/* 모든 gray hover → 밝은 파란 배경 */
[data-theme="light"] .hover\:bg-gray-800\/40:hover { background-color: #e0edfb !important; }
[data-theme="light"] .hover\:bg-gray-800\/60:hover { background-color: #dbeafe !important; }
[data-theme="light"] .hover\:bg-black\/20:hover    { background-color: rgba(59,130,246,0.07) !important; }
[data-theme="light"] .hover\:bg-black\/30:hover    { background-color: rgba(59,130,246,0.11) !important; }

/* ── RISK 뱃지: text-white 흰색 고정 ── */
[data-theme="light"] .bg-blue-700.text-white,
[data-theme="light"] .bg-green-700.text-white,
[data-theme="light"] .bg-orange-600.text-white,
[data-theme="light"] .bg-red-700.text-white { color: #ffffff !important; }

/* ── 긴급대응 버튼: text-red-600 고정 + hover 흰색 ── */
[data-theme="light"] header[data-hdr] .text-red-600 { color: #dc2626 !important; }
header[data-hdr] .hover\:text-white:hover,
header[data-hdr] .hover\:text-white:hover i,
header[data-hdr] .hover\:text-white:hover span { color: #ffffff !important; }

/* ── 실시간 위기 이슈: hover 배경만, 텍스트 원색 유지 ── */
[data-theme="light"] .risk-issue-item:hover { background-color: #eff6ff !important; }
[data-theme="light"] .risk-issue-item:hover * { color: inherit !important; }

/* ── 인포데믹 이슈 트래커 설명글 ── */
[data-theme="light"] .text-blue-200\/70 { color: #444 !important; }

/* ── 액션 태그 버튼: light/dark 모두 진한 색 고정 ── */
.bg-red-900\/20.text-red-300   { background-color: #dc2626 !important; color: #ffffff !important; border-color: #dc2626 !important; }
.bg-gray-800.text-gray-200.border-gray-700 { background-color: #475569 !important; color: #ffffff !important; border-color: #475569 !important; }
.bg-blue-900\/20.text-blue-200 { background-color: #2563eb !important; color: #ffffff !important; border-color: #2563eb !important; }
.bg-green-900\/20.text-green-200 { background-color: #16a34a !important; color: #ffffff !important; border-color: #16a34a !important; }
[data-theme="light"] button.bg-gray-700.text-gray-200 { background-color: #475569 !important; color: #ffffff !important; }
/* ── ai_briefing 오른쪽 테이블 상태/액션 버튼 고정 ── */
.bg-green-900\/20.text-green-200  { background-color: #16a34a !important; color: #ffffff !important; border-color: #16a34a !important; }
.bg-orange-900\/20.text-orange-200 { background-color: #ea580c !important; color: #ffffff !important; border-color: #ea580c !important; }
.bg-slate-700\/40.text-slate-200  { background-color: #475569 !important; color: #ffffff !important; border-color: #475569 !important; }
/* EXCEL EXPORT 버튼 */
.bg-emerald-600\/40.text-emerald-200 { background-color: #059669 !important; color: #ffffff !important; border-color: #059669 !important; }
/* ── search 페이지: 패널 다크 고정 ── */
.page-search .bg-gray-900,
.page-search .bg-gray-900\/60 { background-color: #0f172a !important; }
[data-theme="light"] .page-search .bg-gray-900  { background-color: #1e293b !important; }
[data-theme="light"] .page-search .bg-gray-900\/60 { background-color: rgba(15,23,42,0.9) !important; }
[data-theme="light"] .page-search .bg-gray-800  { background-color: #334155 !important; }
[data-theme="light"] .page-search .border-gray-800 { border-color: #334155 !important; }
[data-theme="light"] .page-search .border-gray-700 { border-color: #475569 !important; }

/* 패널 내부 텍스트 다크 고정 */
[data-theme="light"] .page-search .bg-gray-900 .text-white,
[data-theme="light"] .page-search .bg-gray-900 .text-gray-200,
[data-theme="light"] .page-search .bg-gray-900 .text-gray-300 { color: #e2e8f0 !important; }
[data-theme="light"] .page-search .bg-gray-900 .text-gray-400 { color: #94a3b8 !important; }
[data-theme="light"] .page-search .bg-gray-900 .text-gray-500 { color: #444 !important; }
[data-theme="light"] .page-search .bg-gray-900 .text-gray-600 { color: #475569 !important; }

/* ── search 페이지: light 모드 텍스트 가시성 ── */
[data-theme="light"] .page-search .text-gray-200 { color: #1e293b !important; }
[data-theme="light"] .page-search .text-gray-300 { color: #334155 !important; }
[data-theme="light"] .page-search .text-gray-400 { color: #475569 !important; }
[data-theme="light"] .page-search .text-gray-500 { color: #444 !important; }
[data-theme="light"] .page-search .text-gray-600 { color: #94a3b8 !important; }
[data-theme="light"] .page-search .text-white    { color: #1e293b !important; }

/* 날짜 input */
[data-theme="light"] .page-search input[type="date"] {
  background: var(--c-bg-700) !important;
  color: var(--c-text-base) !important;
  border-color: var(--c-border) !important;
}
/* select */
[data-theme="light"] .page-search select {
  background: var(--c-bg-700) !important;
  color: var(--c-text-base) !important;
  border-color: var(--c-border) !important;
}
/* 검색 input */
[data-theme="light"] .page-search input[type="text"] {
  color: var(--c-text-base) !important;
}
[data-theme="light"] .page-search input::placeholder { color: var(--c-text-dim) !important; }

/* =====================================================
   Header / Breaking News / Footer — Light Mode
===================================================== */

/* 1) 상단 속보창 */
[data-theme="light"] .bg-black.border-b {
  background: #f8fafc !important;
  border-color: #dbe3ee !important;
}

[data-theme="light"] .bg-black.border-b .text-white {
  color: #0f172a !important;
}

[data-theme="light"] .bg-black.border-b .text-gray-200 {
  color: #334155 !important;
}

[data-theme="light"] .bg-black.border-b .text-gray-300,
[data-theme="light"] .bg-black.border-b .text-gray-400,
[data-theme="light"] .bg-black.border-b .text-gray-500,
[data-theme="light"] .bg-black.border-b .text-gray-600 {
  color: #444 !important;
}

[data-theme="light"] .bg-black.border-b .text-blue-500 {
  color: #2563eb !important;
}

[data-theme="light"] .bg-black.border-b .text-red-400,
[data-theme="light"] .bg-black.border-b .text-red-500 {
  color: #dc2626 !important;
}

[data-theme="light"] .bg-black.border-b .border-gray-800,
[data-theme="light"] .bg-black.border-b .border-gray-700 {
  border-color: #dbe3ee !important;
}

[data-theme="light"] .bg-black.border-b .bg-red-900\/40 {
  background: rgba(220, 38, 38, 0.08) !important;
  border-color: rgba(220, 38, 38, 0.18) !important;
}

[data-theme="light"] .bg-black.border-b .bg-blue-900\/40 {
  background: rgba(37, 99, 235, 0.08) !important;
  border-color: rgba(37, 99, 235, 0.18) !important;
}

/* 2) header 다크 고정 해제 */
[data-theme="light"] header[data-hdr] {
  background: #ffffff !important;
  border-color: #dbe3ee !important;
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.06) !important;
}

[data-theme="light"] header[data-hdr] .text-white {
  color: #0f172a !important;
}

[data-theme="light"] header[data-hdr] .text-gray-200 {
  color: #334155 !important;
}

[data-theme="light"] header[data-hdr] .text-gray-300,
[data-theme="light"] header[data-hdr] .text-gray-400,
[data-theme="light"] header[data-hdr] .text-gray-500 {
  color: #444 !important;
}

[data-theme="light"] header[data-hdr] .text-blue-500 {
  color: #2563eb !important;
}

[data-theme="light"] header[data-hdr] .border-gray-700,
[data-theme="light"] header[data-hdr] .border-gray-800 {
  border-color: #dbe3ee !important;
}

[data-theme="light"] header[data-hdr] .bg-gray-900,
[data-theme="light"] header[data-hdr] .bg-gray-800,
[data-theme="light"] header[data-hdr] .bg-gray-700,
[data-theme="light"] header[data-hdr] .bg-white\/5,
[data-theme="light"] header[data-hdr] .bg-white\/10,
[data-theme="light"] header[data-hdr] .bg-black\/20,
[data-theme="light"] header[data-hdr] .bg-black\/30 {
  background: #f8fafc !important;
}

[data-theme="light"] header[data-hdr] input {
  background: #f8fafc !important;
  color: #0f172a !important;
  border-color: #dbe3ee !important;
}

[data-theme="light"] header[data-hdr] input::placeholder {
  color: #94a3b8 !important;
}

/* 로고 옆 텍스트 */
[data-theme="light"] header[data-hdr] .logo-text > div:first-child {
  color: #0f172a !important;
}

[data-theme="light"] header[data-hdr] .logo-text > div:last-child {
  color: #2563eb !important;
}

/* 햄버거 버튼 */
[data-theme="light"] header[data-hdr] #hdrMoreBtn {
  background: #f8fafc !important;
  border-color: #dbe3ee !important;
  color: #334155 !important;
}

/* 햄버거 패널 */
[data-theme="light"] header[data-hdr] #hdrMorePanel .bg-\[\#0b1220\]\/95 {
  background: #ffffff !important;
}

[data-theme="light"] header[data-hdr] #hdrMorePanel .border-gray-700\/60,
[data-theme="light"] header[data-hdr] #hdrMorePanel .border-gray-800 {
  border-color: #dbe3ee !important;
}

[data-theme="light"] header[data-hdr] #hdrMorePanel .text-white {
  color: #0f172a !important;
}

[data-theme="light"] header[data-hdr] #hdrMorePanel .text-gray-200,
[data-theme="light"] header[data-hdr] #hdrMorePanel .text-gray-300,
[data-theme="light"] header[data-hdr] #hdrMorePanel .text-gray-400 {
  color: #444 !important;
}

/* 3) footer */
[data-theme="light"] footer {
  background: #ffffff !important;
  border-color: #dbe3ee !important;
}

[data-theme="light"] footer .text-gray-600,
[data-theme="light"] footer p {
  color: #444 !important;
}

#siteLogo {
  content: url("../image/logo.png");
}

[data-theme="light"] #siteLogo {
  content: url("../image/logo-dark.png");
}

[data-theme="light"] header[data-hdr] {
  background: #ffffff !important;
  border-color: #dbe3ee !important;
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.06) !important;
}

[data-theme="light"] header[data-hdr] .logo-text > div:first-child {
  color: #0f172a !important;
}

[data-theme="light"] header[data-hdr] .logo-text > div:last-child {
  color: #2563eb !important;
}

[data-theme="light"] header[data-hdr] .bg-white\/5,
[data-theme="light"] header[data-hdr] .bg-white\/10,
[data-theme="light"] header[data-hdr] .bg-black\/20,
[data-theme="light"] header[data-hdr] .bg-black\/30,
[data-theme="light"] header[data-hdr] .bg-gray-800,
[data-theme="light"] header[data-hdr] .bg-gray-900,
[data-theme="light"] header[data-hdr] .bg-\[\#0b1220\] {
  background: #f8fafc !important;
}

[data-theme="light"] header[data-hdr] .border-gray-700,
[data-theme="light"] header[data-hdr] .border-gray-800 {
  border-color: #dbe3ee !important;
}

[data-theme="light"] header[data-hdr] .text-white {
  color: #fff !important;
}

[data-theme="light"] header[data-hdr] .text-gray-200 {
  color: #334155 !important;
}

[data-theme="light"] header[data-hdr] .text-gray-300,
[data-theme="light"] header[data-hdr] .text-gray-400,
[data-theme="light"] header[data-hdr] .text-gray-500 {
  color: #444 !important;
}

[data-theme="light"] header[data-hdr] input {
  background: #f8fafc !important;
  color: #0f172a !important;
  border-color: #dbe3ee !important;
}

[data-theme="light"] header[data-hdr] input::placeholder {
  color: #94a3b8 !important;
}

[data-theme="light"] body.page-mytask header[data-hdr] .kpi-card {
  background: #ffffff !important;
  border-color: #dbe3ee !important;
}

[data-theme="light"] body.page-mytask header[data-hdr] .kpi-card:hover {
  background: #eff6ff !important;
  border-color: #93c5fd !important;
}

[data-theme="light"] body.page-mytask header[data-hdr] .kpi-card.active {
  background: #dbeafe !important;
  border-color: #60a5fa !important;
  box-shadow: 0 0 0 2px rgba(59,130,246,0.18) !important;
}

[data-theme="light"] body.page-mytask header[data-hdr] #btnRefresh,
[data-theme="light"] body.page-mytask header[data-hdr] #btnClear,
[data-theme="light"] body.page-mytask header[data-hdr] #btnFiltersMobile,
[data-theme="light"] header[data-hdr] #hdrMoreBtn {
  background: #ffffff !important;
  color: #334155 !important;
  border-color: #dbe3ee !important;
}