/* ═══════════════════════════════════════════════════════════
   SesėsBėga Design System v2
   Shared across all pages — dark/light theme via data-theme
   ═══════════════════════════════════════════════════════════ */

/* ═══ DARK (default) ═══ */
:root {
  --bg: #060a11;
  --bg2: #0c1220;
  --card: #111827;
  --card-hi: #1a2332;
  --border: #1e293b;
  --border-hi: #334155;
  --primary: #3b82f6;
  --accent: #10b981;
  --lt2: #f97316;
  --danger: #ef4444;
  --warn: #f59e0b;
  --purple: #8b5cf6;
  --text: #e2e8f0;
  --text-dim: #94a3b8;
  --text-muted: #64748b;
  --white: #fff;
  --shadow-card: 0 1px 3px rgba(0,0,0,.3), 0 4px 12px rgba(0,0,0,.2);
  --shadow-float: 0 8px 32px rgba(0,0,0,.4);
  --glow-accent: 0 0 0 1px #10b98133, 0 0 20px #10b98111;
  --glow-primary: 0 0 0 1px #3b82f633, 0 0 20px #3b82f611;
  --glow-danger: 0 0 0 1px #ef444433, 0 0 16px #ef444411;
}

/* ═══ LIGHT ═══ */
[data-theme="light"] {
  --bg: #f5f7fa;
  --bg2: #edf0f5;
  --card: #ffffff;
  --card-hi: #f8fafc;
  --border: #e2e8f0;
  --border-hi: #cbd5e1;
  --primary: #2563eb;
  --accent: #059669;
  --lt2: #ea580c;
  --danger: #dc2626;
  --warn: #d97706;
  --purple: #7c3aed;
  --text: #1e293b;
  --text-dim: #475569;
  --text-muted: #94a3b8;
  --white: #fff;
  --shadow-card: 0 1px 3px rgba(0,0,0,.06), 0 2px 8px rgba(0,0,0,.04);
  --shadow-float: 0 8px 32px rgba(0,0,0,.1);
  --glow-accent: 0 0 0 1px #05966922, 0 0 16px #05966608;
  --glow-primary: 0 0 0 1px #2563eb22, 0 0 16px #2563eb08;
  --glow-danger: 0 0 0 1px #dc262622, 0 0 12px #dc262608;
}

/* ═══ GLOBAL ═══ */
body { transition: background .3s, color .3s; }
[data-theme="light"] body { background-image: none !important; }

/* ═══ TOPBAR ═══ */
.topbar { box-shadow: var(--shadow-card); transition: all .3s; }
[data-theme="light"] .topbar { background: rgba(255,255,255,.88) !important; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: 0 1px 4px rgba(0,0,0,.06); }

/* ═══ CARDS — box shadow ═══ */
.card, .hub-card, .stat, .day-card, .week-card, .comment-item {
  box-shadow: var(--shadow-card);
  transition: all .2s;
}
.card:hover, .hub-card:hover { border-color: var(--border-hi); }
.hub-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-float); border-color: var(--primary); }
.stat.highlight { box-shadow: var(--glow-accent); border-color: #10b98144; }
[data-theme="light"] .stat.highlight { border-color: #05966933; }

/* ═══ ACCENT BORDERS ═══ */
.card-accent { border-left: 3px solid var(--accent) !important; }
.card-warn { border-left: 3px solid var(--lt2) !important; }
.card-danger { border-left: 3px solid var(--danger) !important; }

/* ═══ DAY CARD STATES ═══ */
.day-card.done { border-color: #10b98144 !important; box-shadow: var(--glow-accent); }
.day-card.today, .day-card[style*="border-color:#3b82f6"] { border-color: #3b82f655 !important; box-shadow: var(--glow-primary); }
.day-card.rest { opacity: .45; }
.day-card.rest:hover { opacity: .65; }

/* ═══ BADGES — improved contrast ═══ */
.badge, .b-green, .b-orange, .b-blue, .b-red, .b-gray, .b-purple,
.badge-green, .badge-orange, .badge-blue, .badge-red, .badge-gray, .badge-purple {
  transition: all .15s;
}
[data-theme="light"] .b-green, [data-theme="light"] .badge-green { background: #05966910; color: #059669; border-color: #05966925; }
[data-theme="light"] .b-orange, [data-theme="light"] .badge-orange { background: #ea580c10; color: #ea580c; border-color: #ea580c25; }
[data-theme="light"] .b-blue, [data-theme="light"] .badge-blue { background: #2563eb10; color: #2563eb; border-color: #2563eb25; }
[data-theme="light"] .b-red, [data-theme="light"] .badge-red { background: #dc262610; color: #dc2626; border-color: #dc262625; }
[data-theme="light"] .b-purple, [data-theme="light"] .badge-purple { background: #7c3aed10; color: #7c3aed; border-color: #7c3aed25; }
[data-theme="light"] .b-gray, [data-theme="light"] .badge-gray { background: #64748b10; color: #64748b; border-color: #64748b22; }

/* ═══ ALERTS ═══ */
.alert { padding: 14px 16px; border-radius: 10px; font-size: 13px; line-height: 1.6; display: flex; align-items: flex-start; gap: 10px; margin-bottom: 12px; }
.alert-icon { font-size: 18px; flex-shrink: 0; line-height: 1; }
.alert-success { background: #10b98110; border: 1px solid #10b98130; color: var(--accent); }
.alert-warn { background: #f59e0b10; border: 1px solid #f59e0b30; color: var(--warn); }
.alert-danger { background: #ef444410; border: 1px solid #ef444430; color: var(--danger); }
.alert-info { background: #3b82f610; border: 1px solid #3b82f630; color: var(--primary); }
[data-theme="light"] .alert-success { background: #05966908; border-color: #05966920; color: #059669; }
[data-theme="light"] .alert-warn { background: #d9770608; border-color: #d9770620; color: #b45309; }
[data-theme="light"] .alert-danger { background: #dc262608; border-color: #dc262620; color: #dc2626; }
[data-theme="light"] .alert-info { background: #2563eb08; border-color: #2563eb20; color: #2563eb; }

/* ═══ FORMS — light mode fix ═══ */
[data-theme="light"] input,
[data-theme="light"] select,
[data-theme="light"] textarea,
[data-theme="light"] .field input,
[data-theme="light"] .field select,
[data-theme="light"] .field textarea,
[data-theme="light"] .search-box,
[data-theme="light"] .comment-area {
  background: #fff !important;
  border-color: #d1d5db !important;
  color: #1e293b !important;
}
[data-theme="light"] input:focus,
[data-theme="light"] select:focus,
[data-theme="light"] textarea:focus,
[data-theme="light"] .search-box:focus {
  border-color: var(--primary) !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.08) !important;
}

/* ═══ MODAL — light ═══ */
[data-theme="light"] .modal { background: #fff !important; }
[data-theme="light"] .modal-bg { background: rgba(0,0,0,.3) !important; }

/* ═══ WEEK CARD ═══ */
.week-card, .week-nav button { box-shadow: var(--shadow-card); }
.week-nav button:hover:not(:disabled) { border-color: var(--primary); box-shadow: var(--glow-primary); }

/* ═══ PROGRESS BARS — gradient fills ═══ */
.progress-fill-good, .progress-fill[style*="var(--accent)"] { background: linear-gradient(90deg, #10b981, #34d399) !important; }

/* ═══ COMMENT HIGHLIGHT ═══ */
.comment-highlight { border-left: 3px solid var(--primary) !important; }

/* ═══ DIFF BUTTONS — active states ═══ */
.diff-btn.active[data-d="Lengva"], .diff-btn.d-easy.active { background: #10b98120; color: var(--accent); border-color: #10b98140 !important; }
.diff-btn.active[data-d="Vidutinė"], .diff-btn.d-med.active { background: #3b82f620; color: var(--primary); border-color: #3b82f640 !important; }
.diff-btn.active[data-d="Sunki"], .diff-btn.d-hard.active { background: #f9731620; color: var(--lt2); border-color: #f9731640 !important; }
.diff-btn.active[data-d="Labai sunki"], .diff-btn.d-vhard.active { background: #ef444420; color: var(--danger); border-color: #ef444440 !important; }

/* ═══ TABLE — light ═══ */
[data-theme="light"] .tbl td { border-bottom-color: #e2e8f011; }
[data-theme="light"] .tbl tr:hover td { background: rgba(0,0,0,.02) !important; }

/* ═══ THEME TOGGLE BUTTON ═══ */
.theme-btn {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 8px;
  width: 36px; height: 36px;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; font-size: 16px;
  transition: all .2s;
  color: var(--text);
}
.theme-btn:hover { border-color: var(--primary); transform: scale(1.05); }

/* ═══ EXPORT / ACTION BUTTONS ═══ */
[data-theme="light"] .btn-ghost { border-color: #d1d5db; color: var(--text-dim); }
[data-theme="light"] .btn-ghost:hover { border-color: #9ca3af; color: var(--text); }