/* ============================================================
   CONSISTENCY TRACKER — Minimalistic Theme Extension
   Clean · Neutral · Modern · Low Contrast · Highly Optimized
   ============================================================ */

[data-theme="minimalistic"] {
  /* ── Backgrounds ── */
  --bg:        #f1f5f9; /* Slate-100: Soft cool gray background */
  --bg-card:   #ffffff; /* Pure white cards */
  --bg-input:  #ffffff;
  --bg-muted:  #f8fafc; /* Slate-50 for subtle container backgrounds */
  --bg-readonly: #f1f5f9;
  --graph-empty: #cbd5e1; /* Slate-300 */
  --chat-messages-bg: #f1f5f9;

  /* ── Text ── */
  --text:      #0f172a; /* Slate-900: Soft dark slate */
  --text-muted:#475569; /* Slate-600: Calm subtext */
  --text-light:#94a3b8; /* Slate-400 */

  /* ── Clean Accents (No retro harshness) ── */
  --yellow:    #eab308; /* Soft Amber-500 */
  --pink:      #ec4899; /* Soft Pink-500 */
  --teal:      #14b8a6; /* Soft Teal-500 */
  --coral:     #f43f5e; /* Soft Rose-500 */
  --purple:    #6366f1; /* Soft Indigo-500 */
  --lime:      #84cc16; /* Soft Lime-500 */
  --blue:      #3b82f6; /* Soft Blue-500 */
  --red:       #ef4444; /* Clean Red */
  --green:     #10b981; /* Emerald Green */
  --amber:     #f59e0b;
  --orange:    #f97316;

  /* ── Minimalist Core Borders & Shadows (Thin, subtle) ── */
  --black:     #1e293b; /* Slate-800 */
  --border:    1px solid #e2e8f0; /* Ultra-thin slate border */
  --border-2:  1px solid #cbd5e1;
  --shadow:    0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.02);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.02);
  --shadow-xl: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.02);

  /* ── Rounded Corners (Smooth & modern) ── */
  --r-sm:  6px;
  --r-md:  10px;
  --r-lg:  14px;
  --r-xl:  18px;

  /* ── Extra Backgrounds ── */
  --bg-goal-completed: #ecfdf5; /* Soft Emerald tint */
  --bg-goal-completed-overdue: #fffbeb;
  --bg-goal-overdue: #fef2f2;
  --bg-cat-input:      #fef08a; /* Soft Yellow tint */
  --bg-ach-section:    #fafafa;
  --bg-ach-note:       #f4f4f5;

  --distraction-green: #10b981;
  --distraction-red: #ef4444;
  --bg-distraction-green: rgba(16, 185, 129, 0.06);
  --bg-distraction-red: rgba(239, 68, 68, 0.06);
  --day-card-dot-color: rgba(15, 23, 42, 0.04);
  --weekly-card-stripe-color: rgba(16, 185, 129, 0.04);
  --weekly-btn-stripe-color: rgba(99, 102, 241, 0.04);
  --monthly-grid-color: rgba(236, 72, 153, 0.04);
}

/* ============================================================
   GLOBAL OVERRIDES FOR MINIMALISTIC THEME
   ============================================================ */

/* ── 1. General Spacing & Layout Reset ── */
[data-theme="minimalistic"] * {
  /* Override any hardcoded thick brutalist borders and flat shadows */
  text-shadow: none !important;
}

/* ── 2. Cards & Containers ── */
[data-theme="minimalistic"] .card,
[data-theme="minimalistic"] .day-card,
[data-theme="minimalistic"] .pomo-card,
[data-theme="minimalistic"] .goal-card,
[data-theme="minimalistic"] .achievement-card,
[data-theme="minimalistic"] .leaderboard-card,
[data-theme="minimalistic"] .group-card,
[data-theme="minimalistic"] .limits-card,
[data-theme="minimalistic"] .quick-view-card,
[data-theme="minimalistic"] #ai-bio-card {
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.04), 0 2px 4px -1px rgba(0, 0, 0, 0.01) !important;
  border-radius: 12px !important;
  transform: none !important;
  background: #ffffff !important;
}

/* ── 3. Modals ── */
[data-theme="minimalistic"] .modal {
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
  border-radius: 16px !important;
  background: #ffffff !important;
}

[data-theme="minimalistic"] .modal-overlay {
  background: rgba(15, 23, 42, 0.3) !important; /* Soft Slate overlay */
  backdrop-filter: none !important; /* Disable performance-heavy blurs */
}

[data-theme="minimalistic"] .modal-header {
  background: #ffffff !important;
  border-bottom: 1px solid #e2e8f0 !important;
  color: #0f172a !important;
  padding: 16px 20px !important;
}

[data-theme="minimalistic"] .modal-header h2,
[data-theme="minimalistic"] .modal-header h3,
[data-theme="minimalistic"] .modal-header span,
[data-theme="minimalistic"] .modal-header i,
[data-theme="minimalistic"] .modal-header svg {
  color: #0f172a !important;
  stroke: #0f172a !important;
}

/* ── 4. Navbar & Navigation ── */
[data-theme="minimalistic"] .navbar {
  background: #ffffff !important;
  border-bottom: 1px solid #e2e8f0 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
  color: #0f172a !important;
}

[data-theme="minimalistic"] .navbar .brand-name {
  color: #0f172a !important;
}

[data-theme="minimalistic"] .nav-btn {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: #475569 !important;
  box-shadow: none !important;
  transform: none !important;
  border-radius: 6px !important;
  transition: all 0.15s ease !important;
}

[data-theme="minimalistic"] .nav-btn:hover {
  background: #f1f5f9 !important;
  color: #0f172a !important;
  border-color: #cbd5e1 !important;
  transform: none !important;
  box-shadow: none !important;
}

[data-theme="minimalistic"] .nav-btn.active {
  background: #0f172a !important;
  color: #ffffff !important;
  border-color: #0f172a !important;
  box-shadow: none !important;
}

[data-theme="minimalistic"] .nav-btn.active:hover {
  background: #1e293b !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

/* Ensure icons inside nav buttons inherit correct color */
[data-theme="minimalistic"] .nav-btn.active i,
[data-theme="minimalistic"] .nav-btn.active svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

/* Ensure active hover buttons keep white text and icons */
[data-theme="minimalistic"] .nav-btn.active:hover i,
[data-theme="minimalistic"] .nav-btn.active:hover svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

[data-theme="minimalistic"] .nav-btn:hover i,
[data-theme="minimalistic"] .nav-btn:hover svg {
  color: #0f172a !important;
  stroke: #0f172a !important;
}

[data-theme="minimalistic"] .nav-btn i,
[data-theme="minimalistic"] .nav-btn svg {
  color: #475569 !important;
  stroke: #475569 !important;
}

[data-theme="minimalistic"] .bottom-nav-container {
  background: #ffffff !important;
  border-top: 1px solid #e2e8f0 !important;
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="minimalistic"] .bottom-nav-btn {
  color: #64748b !important;
}

[data-theme="minimalistic"] .bottom-nav-btn.active,
[data-theme="minimalistic"] .bottom-nav-btn.active:hover {
  color: var(--black) !important;
  background: var(--lime) !important;
  border: var(--border-2) !important;
  box-shadow: 2px 2px 0 var(--black) !important;
}

/* ── 5. Buttons (Clean, flat, rounded, no translation on hover) ── */
[data-theme="minimalistic"] .btn,
[data-theme="minimalistic"] button,
[data-theme="minimalistic"] .btn-primary,
[data-theme="minimalistic"] .btn-secondary,
[data-theme="minimalistic"] .btn-ghost {
  box-shadow: none !important;
  transform: none !important;
  border-width: 1px !important;
  border-style: solid !important;
}

[data-theme="minimalistic"] .btn,
[data-theme="minimalistic"] button {
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;
  transition: background 0.15s ease, border-color 0.15s ease !important;
}

[data-theme="minimalistic"] .btn:hover,
[data-theme="minimalistic"] button:hover {
  background: #f8fafc !important;
  border-color: #cbd5e1 !important;
}

[data-theme="minimalistic"] .btn-primary {
  background: #0f172a; /* Slate-900 (No !important to allow inline backgrounds to take effect) */
  color: #ffffff !important;
  border: 1px solid #0f172a !important;
}

[data-theme="minimalistic"] .btn-primary:hover {
  background: #1e293b !important;
  border-color: #1e293b !important;
  color: #ffffff !important;
}

[data-theme="minimalistic"] .btn-secondary {
  background: #f1f5f9 !important;
  color: #334155 !important;
  border: 1px solid #e2e8f0 !important;
}

[data-theme="minimalistic"] .btn-secondary:hover {
  background: #e2e8f0 !important;
  border-color: #cbd5e1 !important;
}

[data-theme="minimalistic"] .btn-ghost {
  border: 1px solid transparent !important;
  background: transparent !important;
}

[data-theme="minimalistic"] .btn-ghost:hover {
  background: #f1f5f9 !important;
}

/* ── 5.1 Special Modal Action Buttons (Pastel & Clean) ── */
[data-theme="minimalistic"] #scan-list-btn,
[data-theme="minimalistic"] #scan-camera-btn {
  background: #fdf2f8 !important; /* Soft rose/pink tint */
  border: 1px solid #fbcfe8 !important;
  color: #9d174d !important; /* Premium dark rose */
}

[data-theme="minimalistic"] #scan-list-btn:hover,
[data-theme="minimalistic"] #scan-camera-btn:hover {
  background: #fce7f3 !important;
  border-color: #f9a8d4 !important;
}

[data-theme="minimalistic"] #scan-list-btn i,
[data-theme="minimalistic"] #scan-list-btn svg,
[data-theme="minimalistic"] #scan-camera-btn i,
[data-theme="minimalistic"] #scan-camera-btn svg {
  color: #9d174d !important;
  stroke: #9d174d !important;
}

[data-theme="minimalistic"] #scan-credits-badge {
  background: #9d174d !important;
  color: #ffffff !important;
}

[data-theme="minimalistic"] #voice-record-btn {
  background: #ecfdf5 !important; /* Soft emerald/green tint */
  border: 1px solid #a7f3d0 !important;
  color: #065f46 !important; /* Premium dark emerald */
  margin-top: 8px !important;
}

[data-theme="minimalistic"] #voice-record-btn:hover {
  background: #d1fae5 !important;
  border-color: #6ee7b7 !important;
}

[data-theme="minimalistic"] #voice-record-btn i,
[data-theme="minimalistic"] #voice-record-btn svg {
  color: #065f46 !important;
  stroke: #065f46 !important;
}

[data-theme="minimalistic"] #voice-credits-badge {
  background: #065f46 !important;
  color: #ffffff !important;
}

/* ── 5.2 Attribute Selectors for Inline Style Overrides ── */
[data-theme="minimalistic"] button[style*="var(--purple)"],
[data-theme="minimalistic"] .btn[style*="var(--purple)"] {
  background: #eef2ff !important; /* Soft indigo */
  color: #3730a3 !important;
  border-color: #c7d2fe !important;
}

[data-theme="minimalistic"] button[style*="var(--green)"],
[data-theme="minimalistic"] .btn[style*="var(--green)"] {
  background: #ecfdf5 !important; /* Soft emerald */
  color: #065f46 !important;
  border-color: #a7f3d0 !important;
}

[data-theme="minimalistic"] button[style*="var(--pink)"],
[data-theme="minimalistic"] .btn[style*="var(--pink)"] {
  background: #fdf2f8 !important; /* Soft rose */
  color: #9d174d !important;
  border-color: #fbcfe8 !important;
}

[data-theme="minimalistic"] button[style*="var(--yellow)"],
[data-theme="minimalistic"] .btn[style*="var(--yellow)"] {
  background: #fffbeb !important; /* Soft amber */
  color: #92400e !important;
  border-color: #fde68a !important;
}

[data-theme="minimalistic"] button[style*="var(--red)"],
[data-theme="minimalistic"] .btn[style*="var(--red)"] {
  background: #fef2f2 !important; /* Soft red */
  color: #991b1b !important;
  border-color: #fca5a5 !important;
}

/* Ensure correct text/icon coloring inside status/attribute buttons */
[data-theme="minimalistic"] button[style*="var(--purple)"] i,
[data-theme="minimalistic"] button[style*="var(--purple)"] svg,
[data-theme="minimalistic"] .btn[style*="var(--purple)"] i,
[data-theme="minimalistic"] .btn[style*="var(--purple)"] svg {
  color: #3730a3 !important;
  stroke: #3730a3 !important;
}

[data-theme="minimalistic"] button[style*="var(--green)"] i,
[data-theme="minimalistic"] button[style*="var(--green)"] svg,
[data-theme="minimalistic"] .btn[style*="var(--green)"] i,
[data-theme="minimalistic"] .btn[style*="var(--green)"] svg {
  color: #065f46 !important;
  stroke: #065f46 !important;
}

[data-theme="minimalistic"] button[style*="var(--pink)"] i,
[data-theme="minimalistic"] button[style*="var(--pink)"] svg,
[data-theme="minimalistic"] .btn[style*="var(--pink)"] i,
[data-theme="minimalistic"] .btn[style*="var(--pink)"] svg {
  color: #9d174d !important;
  stroke: #9d174d !important;
}

[data-theme="minimalistic"] button[style*="var(--yellow)"] i,
[data-theme="minimalistic"] button[style*="var(--yellow)"] svg,
[data-theme="minimalistic"] .btn[style*="var(--yellow)"] i,
[data-theme="minimalistic"] .btn[style*="var(--yellow)"] svg {
  color: #92400e !important;
  stroke: #92400e !important;
}

[data-theme="minimalistic"] button[style*="var(--red)"] i,
[data-theme="minimalistic"] button[style*="var(--red)"] svg,
[data-theme="minimalistic"] .btn[style*="var(--red)"] i,
[data-theme="minimalistic"] .btn[style*="var(--red)"] svg {
  color: #991b1b !important;
  stroke: #991b1b !important;
}

/* ── 5.3 Close Button Reset (Modern Circle Hover Style) ── */
[data-theme="minimalistic"] .modal-close,
[data-theme="minimalistic"] .modal-header .modal-close {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #64748b !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  transition: all 0.15s ease !important;
}

[data-theme="minimalistic"] .modal-close:hover,
[data-theme="minimalistic"] .modal-header .modal-close:hover {
  background: rgba(15, 23, 42, 0.08) !important;
  color: #ef4444 !important;
  transform: none !important;
}

[data-theme="minimalistic"] .modal-close i,
[data-theme="minimalistic"] .modal-close svg,
[data-theme="minimalistic"] .modal-header .modal-close i,
[data-theme="minimalistic"] .modal-header .modal-close svg {
  color: inherit !important;
  stroke: currentColor !important;
  width: 18px !important;
  height: 18px !important;
}

/* ── 6. Inputs & Forms ── */
[data-theme="minimalistic"] .form-control,
[data-theme="minimalistic"] input[type="text"],
[data-theme="minimalistic"] input[type="number"],
[data-theme="minimalistic"] input[type="email"],
[data-theme="minimalistic"] input[type="password"],
[data-theme="minimalistic"] select,
[data-theme="minimalistic"] textarea {
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.02) !important;
  color: #0f172a !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

[data-theme="minimalistic"] .form-control:focus,
[data-theme="minimalistic"] input:focus,
[data-theme="minimalistic"] select:focus,
[data-theme="minimalistic"] textarea:focus {
  border-color: #3b82f6 !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15), inset 0 1px 2px rgba(0,0,0,0.02) !important;
  outline: none !important;
}

/* ── 7. Checkboxes ── */
[data-theme="minimalistic"] .task-checkbox {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  border: 1.5px solid #cbd5e1 !important;
  background: #ffffff !important;
  border-radius: 50% !important;
  width: 18px !important;
  height: 18px !important;
  transition: all 0.15s ease !important;
  box-shadow: none !important;
}

[data-theme="minimalistic"] .task-checkbox:checked {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: #10b981 !important; /* Emerald green check container */
  border-color: #10b981 !important;
}

[data-theme="minimalistic"] .task-checkbox:checked::after {
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}

[data-theme="minimalistic"] .task-checkbox:disabled {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  opacity: 0.5 !important;
  background: #f1f5f9 !important;
  border-color: #cbd5e1 !important;
}

[data-theme="minimalistic"] .task-checkbox:checked:disabled {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: #6b7280 !important; /* Muted gray for completed disabled */
  border-color: #6b7280 !important;
  opacity: 0.6 !important;
}

/* ── 8. Day Cards Details ── */
[data-theme="minimalistic"] .day-card-header {
  border-bottom: 1px solid #f1f5f9 !important;
  padding-bottom: 8px !important;
}

[data-theme="minimalistic"] .day-card-body {
  background: #ffffff !important;
}

[data-theme="minimalistic"] .category-title-container {
  border-left: 3px solid #64748b !important;
  padding-left: 8px !important;
  background: #f8fafc !important;
}

[data-theme="minimalistic"] .streak-badge {
  background: #fef3c7 !important;
  color: #d97706 !important;
  border: 1px solid #fde68a !important;
  box-shadow: none !important;
  border-radius: 9999px !important;
}

[data-theme="minimalistic"] .stat-pill {
  border: 1px solid #e2e8f0 !important;
  box-shadow: none !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
}

/* ── 9. Profile Avatar ── */
[data-theme="minimalistic"] .profile-avatar-container,
[data-theme="minimalistic"] .profile-avatar-wrap {
  border: 2px solid #e2e8f0 !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="minimalistic"] .profile-avatar-container.premium-avatar-ring,
[data-theme="minimalistic"] .profile-avatar-wrap.premium-profile-ring {
  border: 3.5px solid #fbbf24 !important; /* Gold yellow premium ring */
  box-shadow: 0 0 10px rgba(251, 191, 36, 0.5) !important;
  animation: premium-glow-pulse 2s infinite ease-in-out !important; /* Yellow glowing pulse */
  overflow: visible !important; /* Allow crown to be visible */
}

[data-theme="minimalistic"] .profile-avatar-container.premium-avatar-ring::after,
[data-theme="minimalistic"] .profile-avatar-wrap.premium-profile-ring::after {
  content: '👑' !important;
  font-size: 18px !important;
  top: -8px !important;
  right: -8px !important;
}

[data-theme="minimalistic"] .profile-collapse-header {
  border: 1px solid #cbd5e1 !important;
  background: #f8fafc !important;
  box-shadow: none !important;
}

/* ── 10. Chat & Group Elements ── */
[data-theme="minimalistic"] .chat-bubble {
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: none !important;
}

[data-theme="minimalistic"] .chat-bubble.sent {
  background: #f1f5f9 !important;
  color: #0f172a !important;
  border-color: #cbd5e1 !important;
}

[data-theme="minimalistic"] .chat-bubble.received {
  background: #ffffff !important;
  color: #0f172a !important;
}

[data-theme="minimalistic"] .chat-avatar.premium-glow {
  border: 2px solid #10b981 !important;
  box-shadow: none !important;
  animation: none !important;
}

/* ── 11. Pomodoro Clean Dial ── */
[data-theme="minimalistic"] .pomo-dial-container {
  border: 4px solid #cbd5e1 !important;
  box-shadow: none !important;
}

[data-theme="minimalistic"] .pomo-card.break-mode {
  background: #f0fdf4 !important; /* Clean soft green break mode */
}

/* ── 12. Miscellaneous Brutalist Offsets ── */
[data-theme="minimalistic"] .badge,
[data-theme="minimalistic"] .tag {
  border: 1px solid #cbd5e1 !important;
  box-shadow: none !important;
  border-radius: 4px !important;
}

/* ── 13. Rankings (Leaderboard) Page Minimalism ── */
[data-theme="minimalistic"] .lb-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.04), 0 2px 4px -1px rgba(0, 0, 0, 0.01) !important;
  color: #0f172a !important;
  transform: none !important;
}

[data-theme="minimalistic"] .lb-card:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.02) !important;
  transform: none !important;
}

[data-theme="minimalistic"] .lb-card.card-rank-1,
[data-theme="minimalistic"] .lb-card.card-rank-2,
[data-theme="minimalistic"] .lb-card.card-rank-3 {
  background: #ffffff !important;
}

[data-theme="minimalistic"] .lb-rank {
  border: 1px solid #cbd5e1 !important;
  box-shadow: none !important;
  background: #f1f5f9 !important;
  color: #475569 !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
}

[data-theme="minimalistic"] .lb-rank.rank-1 {
  background: #fef3c7 !important; /* Soft gold tint */
  color: #b45309 !important;
  border-color: #fde68a !important;
}

[data-theme="minimalistic"] .lb-rank.rank-2 {
  background: #f1f5f9 !important; /* Soft silver tint */
  color: #475569 !important;
  border-color: #cbd5e1 !important;
}

[data-theme="minimalistic"] .lb-rank.rank-3 {
  background: #fff5f5 !important; /* Soft bronze tint */
  color: #c53030 !important;
  border-color: #feb2b2 !important;
}

[data-theme="minimalistic"] .lb-streak-box {
  background: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
  box-shadow: none !important;
  border-radius: 8px !important;
}

[data-theme="minimalistic"] .lb-streak-box.current {
  color: #0d9488 !important; /* Teal for current */
}

[data-theme="minimalistic"] .lb-streak-box.highest {
  color: #4f46e5 !important; /* Indigo for highest */
}

[data-theme="minimalistic"] .lb-streak-val {
  color: inherit !important;
}

[data-theme="minimalistic"] .lb-streak-label {
  color: #64748b !important;
}

[data-theme="minimalistic"] .lb-sort-buttons {
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
  background: #ffffff !important;
}

/* ── 14. Pomodoro Page Minimalism ── */
[data-theme="minimalistic"] #page-pomodoro .pomo-tabs {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: none !important;
  border-radius: 8px !important;
}

[data-theme="minimalistic"] #page-pomodoro .pomo-tab-btn {
  background: transparent !important;
  color: #64748b !important;
  border: none !important;
  transition: all 0.15s ease !important;
}

[data-theme="minimalistic"] #page-pomodoro .pomo-tab-btn.active {
  background: #ffffff !important;
  color: #0f172a !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
  border-radius: 6px !important;
}

[data-theme="minimalistic"] #page-pomodoro .pomo-tab-btn + .pomo-tab-btn {
  border-left: none !important;
}

[data-theme="minimalistic"] #page-pomodoro .pomo-btn {
  border: 1px solid #cbd5e1 !important;
  box-shadow: none !important;
  border-radius: 8px !important;
}

[data-theme="minimalistic"] #page-pomodoro .pomo-btn-start {
  background: #0d9488 !important; /* Premium Teal */
  color: #ffffff !important;
  border-color: #0d9488 !important;
}

[data-theme="minimalistic"] #page-pomodoro .pomo-btn-start:hover {
  background: #0f766e !important;
}

[data-theme="minimalistic"] #page-pomodoro .pomo-btn-start.paused {
  background: #fef2f2 !important;
  border-color: #fca5a5 !important;
  color: #991b1b !important;
}

[data-theme="minimalistic"] #page-pomodoro .pomo-btn-start.paused:hover {
  background: #fee2e2 !important;
}

[data-theme="minimalistic"] #page-pomodoro .pomo-btn-start i,
[data-theme="minimalistic"] #page-pomodoro .pomo-btn-start svg {
  color: inherit !important;
  stroke: currentColor !important;
}

[data-theme="minimalistic"] #page-pomodoro .pomo-btn-reset {
  background: #ffffff !important;
  color: #475569 !important;
}

[data-theme="minimalistic"] #page-pomodoro .pomo-btn-reset:hover {
  background: #f1f5f9 !important;
}

[data-theme="minimalistic"] #page-pomodoro .pomo-mode-btn {
  background: #ffffff !important;
  color: #475569 !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: none !important;
  border-radius: 20px !important;
  transform: none !important;
  transition: all 0.15s ease !important;
}

[data-theme="minimalistic"] #page-pomodoro .pomo-mode-btn:hover {
  background: #f1f5f9 !important;
  color: #0f172a !important;
}

[data-theme="minimalistic"] #page-pomodoro .pomo-mode-btn.active {
  background: #0f172a !important;
  color: #ffffff !important;
  border-color: #0f172a !important;
}

[data-theme="minimalistic"] #page-pomodoro #pomo-custom-panel {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: none !important;
  border-radius: 10px !important;
}

[data-theme="minimalistic"] .pomo-wake-lock {
  border-top-style: solid !important;
  border-top-width: 1px !important;
  border-top-color: #e2e8f0 !important;
}

[data-theme="minimalistic"] .wake-lock-container {
  background: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: none !important;
  transform: none !important;
  border-radius: 8px !important;
}

[data-theme="minimalistic"] .wake-lock-container:hover {
  background: #f1f5f9 !important;
}

[data-theme="minimalistic"] .wake-lock-container .custom-checkbox {
  border-width: 1px !important;
  border-color: #cbd5e1 !important;
  border-radius: 4px !important;
}

/* ── Changelog Overrides ── */
[data-theme="minimalistic"] .changelog-item {
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
  background: #ffffff !important;
  border-radius: 10px !important;
}

[data-theme="minimalistic"] .changelog-item.major {
  border-color: #3b82f6 !important;
  background: rgba(59, 130, 246, 0.02) !important;
  box-shadow: 0 2px 4px rgba(59, 130, 246, 0.05) !important;
}

[data-theme="minimalistic"] .changelog-badge {
  border: 1px solid #cbd5e1 !important;
  border-radius: 4px !important;
}

[data-theme="minimalistic"] .changelog-badge.major {
  border-color: #3b82f6 !important;
  background: #3b82f6 !important;
}

/* ── 20. LeetCode Disconnect Button (Clean soft-red flat styling) ── */
[data-theme="minimalistic"] .btn-disconnect {
  background: #fef2f2 !important;
  color: #991b1b !important;
  border: 1px solid #fca5a5 !important;
  border-radius: 8px !important;
  transition: all 0.15s ease !important;
  box-shadow: none !important;
  transform: none !important;
}
[data-theme="minimalistic"] .btn-disconnect:hover {
  background: #fee2e2 !important;
  color: #991b1b !important;
  border-color: #f87171 !important;
}

/* ── 21. Leaderboard Sorting Buttons (Minimalistic pastel toggles & hover fix) ── */
[data-theme="minimalistic"] .btn-lb-sort {
  background: transparent !important;
  color: #475569 !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  border-radius: 8px !important;
  transition: all 0.15s ease !important;
}
[data-theme="minimalistic"] .btn-lb-sort:not(.active):hover {
  background: #f1f5f9 !important;
  color: #0f172a !important;
  border-color: #e2e8f0 !important;
}
[data-theme="minimalistic"] #btn-sort-current.active {
  background: #e0f2fe !important; /* Soft sky blue */
  color: #0369a1 !important;
  border-color: #bae6fd !important;
  box-shadow: none !important;
}
[data-theme="minimalistic"] #btn-sort-current.active:hover {
  background: #bae6fd !important;
  color: #0369a1 !important;
  border-color: #bae6fd !important;
}
[data-theme="minimalistic"] #btn-sort-highest.active {
  background: #fdf2f8 !important; /* Soft pink */
  color: #9d174d !important;
  border-color: #fbcfe8 !important;
  box-shadow: none !important;
}
[data-theme="minimalistic"] #btn-sort-highest.active:hover {
  background: #fce7f3 !important;
  color: #9d174d !important;
  border-color: #f9a8d4 !important;
}