/* ===============================================
   THEME SYSTEM - Verschiedene Farbschemata
   ===============================================
   Reagiert auf data-user-theme UND data-theme
   =============================================== */

/* DEFAULT THEME (Dunkles Lila/Türkis wie bisher) */
:root,
[data-user-theme="default"],
[data-theme="default"] {
  --bg: #0b0c10;
  --card: rgba(255,255,255,0.06);
  --text: rgba(255,255,255,0.92);
  --muted: rgba(255,255,255,0.65);
  --border: rgba(255,255,255,0.10);
  --shadow: 0 10px 30px rgba(0,0,0,0.45);
  --accent: #7c5cff;
  --accent2: #24d18f;
  --danger: #ff4d6d;
  --ok: #2de38b;
  --input: rgba(255,255,255,0.08);
  
  --form-bg: #1a202c;
  --form-border: #4a5568;
  --form-focus: #45a29e;
  --form-text: #f7fafc;
  --container-bg: #2d3748;
  --container-border: #4a5568;
  --heading: #66fcf1;
  --label: #e2e8f0;
}

/* PINK THEME - Rosa/Pink Schema */
[data-user-theme="pink"],
[data-theme="pink"] {
  --bg: #1a0a1e;
  --card: rgba(255,192,203,0.08);
  --text: #fce7f3;
  --muted: rgba(255,192,203,0.70);
  --border: rgba(255,192,203,0.15);
  --shadow: 0 10px 30px rgba(219,39,119,0.25);
  --accent: #ec4899;
  --accent2: #f472b6;
  --danger: #dc2626;
  --ok: #10b981;
  --input: rgba(255,192,203,0.10);
  
  --form-bg: #2d1b34;
  --form-border: #ec4899;
  --form-focus: #f472b6;
  --form-text: #fce7f3;
  --container-bg: #3d2545;
  --container-border: #db2777;
  --heading: #f9a8d4;
  --label: #fbcfe8;
}

[data-user-theme="pink"] body,
[data-theme="pink"] body {
  background: radial-gradient(1200px 600px at 10% 10%, rgba(236,72,153,0.25), transparent 60%),
              radial-gradient(900px 500px at 90% 20%, rgba(219,39,119,0.20), transparent 60%),
              var(--bg) !important;
}

/* OCEAN THEME - Blau/Aqua Schema */
[data-user-theme="ocean"],
[data-theme="ocean"] {
  --bg: #0a1628;
  --card: rgba(56,189,248,0.08);
  --text: #e0f2fe;
  --muted: rgba(186,230,253,0.70);
  --border: rgba(56,189,248,0.15);
  --shadow: 0 10px 30px rgba(14,165,233,0.25);
  --accent: #0ea5e9;
  --accent2: #38bdf8;
  --danger: #ef4444;
  --ok: #22c55e;
  --input: rgba(56,189,248,0.10);
  
  --form-bg: #1e3a5f;
  --form-border: #0ea5e9;
  --form-focus: #38bdf8;
  --form-text: #e0f2fe;
  --container-bg: #1e40af;
  --container-border: #2563eb;
  --heading: #7dd3fc;
  --label: #bae6fd;
}

[data-user-theme="ocean"] body,
[data-theme="ocean"] body {
  background: radial-gradient(1200px 600px at 10% 10%, rgba(14,165,233,0.25), transparent 60%),
              radial-gradient(900px 500px at 90% 20%, rgba(56,189,248,0.20), transparent 60%),
              var(--bg) !important;
}

/* FOREST THEME - Grün/Natur Schema */
[data-user-theme="forest"],
[data-theme="forest"] {
  --bg: #0a1f0a;
  --card: rgba(74,222,128,0.08);
  --text: #dcfce7;
  --muted: rgba(187,247,208,0.70);
  --border: rgba(74,222,128,0.15);
  --shadow: 0 10px 30px rgba(34,197,94,0.25);
  --accent: #22c55e;
  --accent2: #4ade80;
  --danger: #f87171;
  --ok: #86efac;
  --input: rgba(74,222,128,0.10);
  
  --form-bg: #1a3a1a;
  --form-border: #22c55e;
  --form-focus: #4ade80;
  --form-text: #dcfce7;
  --container-bg: #2d5a2d;
  --container-border: #16a34a;
  --heading: #86efac;
  --label: #bbf7d0;
}

[data-user-theme="forest"] body,
[data-theme="forest"] body {
  background: radial-gradient(1200px 600px at 10% 10%, rgba(34,197,94,0.25), transparent 60%),
              radial-gradient(900px 500px at 90% 20%, rgba(74,222,128,0.20), transparent 60%),
              var(--bg) !important;
}

/* SUNSET THEME - Orange/Rot Schema */
[data-user-theme="sunset"],
[data-theme="sunset"] {
  --bg: #1c0a0a;
  --card: rgba(251,146,60,0.08);
  --text: #fed7aa;
  --muted: rgba(253,186,116,0.70);
  --border: rgba(251,146,60,0.15);
  --shadow: 0 10px 30px rgba(249,115,22,0.25);
  --accent: #f97316;
  --accent2: #fb923c;
  --danger: #dc2626;
  --ok: #84cc16;
  --input: rgba(251,146,60,0.10);
  
  --form-bg: #3a1f1f;
  --form-border: #f97316;
  --form-focus: #fb923c;
  --form-text: #fed7aa;
  --container-bg: #5a2f2f;
  --container-border: #ea580c;
  --heading: #fdba74;
  --label: #fed7aa;
}

[data-user-theme="sunset"] body,
[data-theme="sunset"] body {
  background: radial-gradient(1200px 600px at 10% 10%, rgba(249,115,22,0.25), transparent 60%),
              radial-gradient(900px 500px at 90% 20%, rgba(251,146,60,0.20), transparent 60%),
              var(--bg) !important;
}

/* MIDNIGHT THEME - Dunkelblau/Lila Schema */
[data-user-theme="midnight"],
[data-theme="midnight"] {
  --bg: #0f0520;
  --card: rgba(147,51,234,0.08);
  --text: #e9d5ff;
  --muted: rgba(216,180,254,0.70);
  --border: rgba(147,51,234,0.15);
  --shadow: 0 10px 30px rgba(126,34,206,0.25);
  --accent: #9333ea;
  --accent2: #a855f7;
  --danger: #f43f5e;
  --ok: #14b8a6;
  --input: rgba(147,51,234,0.10);
  
  --form-bg: #1e0a3a;
  --form-border: #9333ea;
  --form-focus: #a855f7;
  --form-text: #e9d5ff;
  --container-bg: #2e1a5a;
  --container-border: #7e22ce;
  --heading: #c084fc;
  --label: #d8b4fe;
}

[data-user-theme="midnight"] body,
[data-theme="midnight"] body {
  background: radial-gradient(1200px 600px at 10% 10%, rgba(147,51,234,0.25), transparent 60%),
              radial-gradient(900px 500px at 90% 20%, rgba(126,34,206,0.20), transparent 60%),
              var(--bg) !important;
}


/* ===============================================
   NEUE THEMES - Erweiterte Farbpalette
   =============================================== */

/* BUBBLEGUM PINK - Extremes Pink/Rosa Theme */
[data-user-theme="bubblegum"],
[data-theme="bubblegum"] {
  --bg: #ff1493;
  --card: rgba(255,255,255,0.15);
  --text: #ffffff;
  --muted: rgba(255,255,255,0.80);
  --border: rgba(255,255,255,0.25);
  --shadow: 0 10px 30px rgba(255,20,147,0.40);
  --accent: #ff69b4;
  --accent2: #ffb6d9;
  --danger: #ff0066;
  --ok: #00ff88;
  --input: rgba(255,255,255,0.12);
  
  --form-bg: #ff1493;
  --form-border: #ffffff;
  --form-focus: #ffb6d9;
  --form-text: #ffffff;
  --container-bg: #ff69b4;
  --container-border: #ffffff;
  --heading: #ffffff;
  --label: #ffffff;
}

[data-user-theme="bubblegum"] body,
[data-theme="bubblegum"] body {
  background: radial-gradient(1200px 600px at 10% 10%, rgba(255,105,180,0.5), transparent 60%),
              radial-gradient(900px 500px at 90% 20%, rgba(255,182,217,0.4), transparent 60%),
              linear-gradient(135deg, #ff1493 0%, #ff69b4 50%, #ffb6d9 100%) !important;
}

/* ROSE GOLD - Elegantes Rosa/Gold */
[data-user-theme="rosegold"],
[data-theme="rosegold"] {
  --bg: #2d1820;
  --card: rgba(255,182,193,0.10);
  --text: #ffd7e0;
  --muted: rgba(255,215,224,0.75);
  --border: rgba(183,110,121,0.30);
  --shadow: 0 10px 30px rgba(183,110,121,0.30);
  --accent: #b76e79;
  --accent2: #e8a0bf;
  --danger: #ff6b9d;
  --ok: #6bffb4;
  --input: rgba(255,182,193,0.08);
  
  --form-bg: #3d2430;
  --form-border: #b76e79;
  --form-focus: #e8a0bf;
  --form-text: #ffd7e0;
  --container-bg: #4d2f40;
  --container-border: #b76e79;
  --heading: #e8a0bf;
  --label: #ffc0cb;
}

[data-user-theme="rosegold"] body,
[data-theme="rosegold"] body {
  background: radial-gradient(1200px 600px at 10% 10%, rgba(183,110,121,0.25), transparent 60%),
              radial-gradient(900px 500px at 90% 20%, rgba(232,160,191,0.20), transparent 60%),
              var(--bg) !important;
}

/* DEEP PURPLE - Sattes Lila */
[data-user-theme="deepurple"],
[data-theme="deepurple"] {
  --bg: #1a0033;
  --card: rgba(138,43,226,0.12);
  --text: #e6d5ff;
  --muted: rgba(230,213,255,0.70);
  --border: rgba(138,43,226,0.20);
  --shadow: 0 10px 30px rgba(75,0,130,0.35);
  --accent: #8a2be2;
  --accent2: #9370db;
  --danger: #ff4081;
  --ok: #00e676;
  --input: rgba(138,43,226,0.10);
  
  --form-bg: #2d0a4d;
  --form-border: #8a2be2;
  --form-focus: #9370db;
  --form-text: #e6d5ff;
  --container-bg: #3d1566;
  --container-border: #6a1ba6;
  --heading: #ba9fff;
  --label: #d5b3ff;
}

[data-user-theme="deepurple"] body,
[data-theme="deepurple"] body {
  background: radial-gradient(1200px 600px at 10% 10%, rgba(138,43,226,0.30), transparent 60%),
              radial-gradient(900px 500px at 90% 20%, rgba(75,0,130,0.25), transparent 60%),
              var(--bg) !important;
}

/* CRIMSON RED - Kräftiges Rot */
[data-user-theme="crimson"],
[data-theme="crimson"] {
  --bg: #1a0000;
  --card: rgba(220,20,60,0.12);
  --text: #ffe0e6;
  --muted: rgba(255,224,230,0.70);
  --border: rgba(220,20,60,0.20);
  --shadow: 0 10px 30px rgba(139,0,0,0.35);
  --accent: #dc143c;
  --accent2: #ff6b6b;
  --danger: #ff0000;
  --ok: #00ff7f;
  --input: rgba(220,20,60,0.10);
  
  --form-bg: #2d0a0a;
  --form-border: #dc143c;
  --form-focus: #ff6b6b;
  --form-text: #ffe0e6;
  --container-bg: #3d1515;
  --container-border: #8b0000;
  --heading: #ff6b6b;
  --label: #ffb3b3;
}

[data-user-theme="crimson"] body,
[data-theme="crimson"] body {
  background: radial-gradient(1200px 600px at 10% 10%, rgba(220,20,60,0.30), transparent 60%),
              radial-gradient(900px 500px at 90% 20%, rgba(139,0,0,0.25), transparent 60%),
              var(--bg) !important;
}

/* MINT GREEN - Frisches Mint */
[data-user-theme="mint"],
[data-theme="mint"] {
  --bg: #0a1f1a;
  --card: rgba(152,255,152,0.10);
  --text: #d5ffe6;
  --muted: rgba(213,255,230,0.70);
  --border: rgba(152,255,152,0.18);
  --shadow: 0 10px 30px rgba(0,128,96,0.30);
  --accent: #3eb489;
  --accent2: #98ff98;
  --danger: #ff6b6b;
  --ok: #00ff7f;
  --input: rgba(152,255,152,0.08);
  
  --form-bg: #153d2f;
  --form-border: #3eb489;
  --form-focus: #98ff98;
  --form-text: #d5ffe6;
  --container-bg: #1f5239;
  --container-border: #2d8659;
  --heading: #98ff98;
  --label: #c1ffd9;
}

[data-user-theme="mint"] body,
[data-theme="mint"] body {
  background: radial-gradient(1200px 600px at 10% 10%, rgba(62,180,137,0.25), transparent 60%),
              radial-gradient(900px 500px at 90% 20%, rgba(152,255,152,0.20), transparent 60%),
              var(--bg) !important;
}

/* AMBER - Warmes Bernstein/Gold */
[data-user-theme="amber"],
[data-theme="amber"] {
  --bg: #1f1500;
  --card: rgba(255,191,0,0.10);
  --text: #fff4d9;
  --muted: rgba(255,244,217,0.70);
  --border: rgba(255,191,0,0.18);
  --shadow: 0 10px 30px rgba(255,140,0,0.30);
  --accent: #ffa500;
  --accent2: #ffbf00;
  --danger: #ff4500;
  --ok: #32cd32;
  --input: rgba(255,191,0,0.08);
  
  --form-bg: #2d2010;
  --form-border: #ffa500;
  --form-focus: #ffbf00;
  --form-text: #fff4d9;
  --container-bg: #3d2d1a;
  --container-border: #d98700;
  --heading: #ffbf00;
  --label: #ffe0a0;
}

[data-user-theme="amber"] body,
[data-theme="amber"] body {
  background: radial-gradient(1200px 600px at 10% 10%, rgba(255,165,0,0.25), transparent 60%),
              radial-gradient(900px 500px at 90% 20%, rgba(255,191,0,0.20), transparent 60%),
              var(--bg) !important;
}

/* TEAL - Petrol/Türkis */
[data-user-theme="teal"],
[data-theme="teal"] {
  --bg: #001a1a;
  --card: rgba(0,128,128,0.12);
  --text: #ccffff;
  --muted: rgba(204,255,255,0.70);
  --border: rgba(0,128,128,0.20);
  --shadow: 0 10px 30px rgba(0,77,77,0.35);
  --accent: #008080;
  --accent2: #20b2aa;
  --danger: #ff6b6b;
  --ok: #00ff88;
  --input: rgba(0,128,128,0.10);
  
  --form-bg: #0d2626;
  --form-border: #008080;
  --form-focus: #20b2aa;
  --form-text: #ccffff;
  --container-bg: #1a3d3d;
  --container-border: #006666;
  --heading: #5fd3d3;
  --label: #99ffff;
}

[data-user-theme="teal"] body,
[data-theme="teal"] body {
  background: radial-gradient(1200px 600px at 10% 10%, rgba(0,128,128,0.30), transparent 60%),
              radial-gradient(900px 500px at 90% 20%, rgba(32,178,170,0.22), transparent 60%),
              var(--bg) !important;
}

/* LAVENDER - Sanftes Lavendel */
[data-user-theme="lavender"],
[data-theme="lavender"] {
  --bg: #1a0d26;
  --card: rgba(230,230,250,0.10);
  --text: #e6e6fa;
  --muted: rgba(230,230,250,0.75);
  --border: rgba(147,112,219,0.20);
  --shadow: 0 10px 30px rgba(123,104,238,0.28);
  --accent: #9370db;
  --accent2: #dda0dd;
  --danger: #ff69b4;
  --ok: #98fb98;
  --input: rgba(230,230,250,0.08);
  
  --form-bg: #2d1a40;
  --form-border: #9370db;
  --form-focus: #dda0dd;
  --form-text: #e6e6fa;
  --container-bg: #3d2656;
  --container-border: #7b68ee;
  --heading: #dda0dd;
  --label: #e6d5fa;
}

[data-user-theme="lavender"] body,
[data-theme="lavender"] body {
  background: radial-gradient(1200px 600px at 10% 10%, rgba(147,112,219,0.22), transparent 60%),
              radial-gradient(900px 500px at 90% 20%, rgba(221,160,221,0.18), transparent 60%),
              var(--bg) !important;
}

/* ===============================================
   ZUSÄTZLICHE NEUE THEMES - Einfarbige Varianten
   =============================================== */

/* CHARCOAL - Elegantes Dunkelgrau */
[data-user-theme="charcoal"],
[data-theme="charcoal"] {
  --bg: #1a1a1a;
  --card: rgba(255,255,255,0.05);
  --text: #e0e0e0;
  --muted: rgba(224,224,224,0.70);
  --border: rgba(255,255,255,0.12);
  --shadow: 0 10px 30px rgba(0,0,0,0.50);
  --accent: #9e9e9e;
  --accent2: #bdbdbd;
  --danger: #f44336;
  --ok: #4caf50;
  --input: rgba(255,255,255,0.08);
  
  --form-bg: #2d2d2d;
  --form-border: #616161;
  --form-focus: #9e9e9e;
  --form-text: #e0e0e0;
  --container-bg: #2d2d2d;
  --container-border: #424242;
  --heading: #bdbdbd;
  --label: #d0d0d0;
}

[data-user-theme="charcoal"] body,
[data-theme="charcoal"] body {
  background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%) !important;
}

/* NAVY - Klassisches Dunkelblau */
[data-user-theme="navy"],
[data-theme="navy"] {
  --bg: #0a1929;
  --card: rgba(144,202,249,0.08);
  --text: #e3f2fd;
  --muted: rgba(227,242,253,0.70);
  --border: rgba(144,202,249,0.15);
  --shadow: 0 10px 30px rgba(13,27,42,0.40);
  --accent: #1976d2;
  --accent2: #42a5f5;
  --danger: #ef5350;
  --ok: #66bb6a;
  --input: rgba(144,202,249,0.08);
  
  --form-bg: #1e2a38;
  --form-border: #1976d2;
  --form-focus: #42a5f5;
  --form-text: #e3f2fd;
  --container-bg: #1e3a52;
  --container-border: #0d47a1;
  --heading: #64b5f6;
  --label: #90caf9;
}

[data-user-theme="navy"] body,
[data-theme="navy"] body {
  background: linear-gradient(135deg, #0a1929 0%, #1e3a52 100%) !important;
}

/* BURGUNDY - Dunkles Weinrot */
[data-user-theme="burgundy"],
[data-theme="burgundy"] {
  --bg: #1a0a0f;
  --card: rgba(244,143,177,0.10);
  --text: #fce4ec;
  --muted: rgba(252,228,236,0.70);
  --border: rgba(136,14,79,0.25);
  --shadow: 0 10px 30px rgba(74,20,140,0.35);
  --accent: #880e4f;
  --accent2: #c2185b;
  --danger: #e91e63;
  --ok: #66bb6a;
  --input: rgba(244,143,177,0.08);
  
  --form-bg: #2d1621;
  --form-border: #880e4f;
  --form-focus: #c2185b;
  --form-text: #fce4ec;
  --container-bg: #3d1f2d;
  --container-border: #ad1457;
  --heading: #f06292;
  --label: #f8bbd0;
}

[data-user-theme="burgundy"] body,
[data-theme="burgundy"] body {
  background: linear-gradient(135deg, #1a0a0f 0%, #3d1f2d 100%) !important;
}

/* SLATE - Blaugrau */
[data-user-theme="slate"],
[data-theme="slate"] {
  --bg: #0f172a;
  --card: rgba(148,163,184,0.08);
  --text: #f1f5f9;
  --muted: rgba(241,245,249,0.70);
  --border: rgba(148,163,184,0.15);
  --shadow: 0 10px 30px rgba(15,23,42,0.40);
  --accent: #475569;
  --accent2: #64748b;
  --danger: #ef4444;
  --ok: #10b981;
  --input: rgba(148,163,184,0.08);
  
  --form-bg: #1e293b;
  --form-border: #475569;
  --form-focus: #64748b;
  --form-text: #f1f5f9;
  --container-bg: #334155;
  --container-border: #475569;
  --heading: #94a3b8;
  --label: #cbd5e1;
}

[data-user-theme="slate"] body,
[data-theme="slate"] body {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
}

/* EMERALD - Kräftiges Smaragdgrün */
[data-user-theme="emerald"],
[data-theme="emerald"] {
  --bg: #022c22;
  --card: rgba(52,211,153,0.10);
  --text: #d1fae5;
  --muted: rgba(209,250,229,0.70);
  --border: rgba(52,211,153,0.18);
  --shadow: 0 10px 30px rgba(6,78,59,0.35);
  --accent: #059669;
  --accent2: #10b981;
  --danger: #f87171;
  --ok: #34d399;
  --input: rgba(52,211,153,0.08);
  
  --form-bg: #064e3b;
  --form-border: #059669;
  --form-focus: #10b981;
  --form-text: #d1fae5;
  --container-bg: #065f46;
  --container-border: #047857;
  --heading: #6ee7b7;
  --label: #a7f3d0;
}

[data-user-theme="emerald"] body,
[data-theme="emerald"] body {
  background: linear-gradient(135deg, #022c22 0%, #064e3b 100%) !important;
}

/* INDIGO - Dunkles Indigoblau */
[data-user-theme="indigo"],
[data-theme="indigo"] {
  --bg: #1e1b4b;
  --card: rgba(165,180,252,0.10);
  --text: #e0e7ff;
  --muted: rgba(224,231,255,0.70);
  --border: rgba(129,140,248,0.18);
  --shadow: 0 10px 30px rgba(49,46,129,0.35);
  --accent: #4f46e5;
  --accent2: #6366f1;
  --danger: #f87171;
  --ok: #34d399;
  --input: rgba(165,180,252,0.08);
  
  --form-bg: #312e81;
  --form-border: #4f46e5;
  --form-focus: #6366f1;
  --form-text: #e0e7ff;
  --container-bg: #3730a3;
  --container-border: #4338ca;
  --heading: #a5b4fc;
  --label: #c7d2fe;
}

[data-user-theme="indigo"] body,
[data-theme="indigo"] body {
  background: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%) !important;
}

/* ===============================================
/* LIGHT THEME (Hell) */
[data-user-theme="light"],
[data-theme="light"] {
  --bg: #f6f7fb;
  --card: rgba(0,0,0,0.03);
  --text: rgba(0,0,0,0.92);
  --muted: rgba(0,0,0,0.60);
  --border: rgba(0,0,0,0.10);
  --shadow: 0 12px 30px rgba(0,0,0,0.10);
  --accent: #5b3dff;
  --accent2: #0ea86a;
  --danger: #cc1235;
  --ok: #0a8f4d;
  --input: rgba(0,0,0,0.05);
  
  --form-bg: #ffffff;
  --form-border: #d1d5db;
  --form-focus: #5b3dff;
  --form-text: #1f2937;
  --container-bg: #f9fafb;
  --container-border: #e5e7eb;
  --heading: #5b3dff;
  --label: #374151;
}

[data-user-theme="light"] body,
[data-theme="light"] body {
  background: radial-gradient(1200px 600px at 10% 10%, rgba(91,61,255,0.12), transparent 60%),
              radial-gradient(900px 500px at 90% 20%, rgba(14,168,106,0.10), transparent 60%),
              var(--bg) !important;
}

   THEME-AWARE STYLING FÜR REGELMODUL
   =============================================== */

.theme-form-container {
  background: var(--container-bg) !important;
  border: 2px solid var(--container-border) !important;
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 30px;
}

.theme-form-container h2,
.theme-form-container h3 {
  color: var(--heading) !important;
  margin-top: 0;
}

.theme-form-group {
  margin-bottom: 20px;
}

.theme-form-group label {
  display: block;
  margin-bottom: 8px;
  color: var(--label) !important;
  font-weight: 600;
  font-size: 14px;
}

.theme-form-control,
input.theme-input,
select.theme-select,
textarea.theme-textarea {
  width: 100%;
  padding: 12px 16px;
  background: var(--form-bg) !important;
  border: 2px solid var(--form-border) !important;
  border-radius: 6px;
  color: var(--form-text) !important;
  font-size: 15px;
  transition: all 0.3s ease;
  box-sizing: border-box;
}

.theme-form-control:focus,
input.theme-input:focus,
select.theme-select:focus,
textarea.theme-textarea:focus {
  outline: none;
  border-color: var(--form-focus) !important;
  box-shadow: 0 0 0 3px rgba(var(--form-focus-rgb, 69, 162, 158), 0.15);
}

textarea.theme-textarea {
  resize: vertical;
  min-height: 100px;
}

select.theme-select option {
  background: var(--form-bg);
  color: var(--form-text);
}

.theme-card {
  background: var(--container-bg) !important;
  border: 2px solid var(--container-border) !important;
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 20px;
}

.theme-card h2 {
  color: var(--heading) !important;
  margin-top: 0;
}

.theme-rule-item {
  background: var(--form-bg) !important;
  border: 2px solid var(--form-border) !important;
  padding: 20px;
  margin-bottom: 15px;
  border-radius: 8px;
  transition: all 0.3s ease;
}

.theme-rule-item h3 {
  color: var(--label) !important;
  margin: 0;
}

.theme-rule-item p {
  color: var(--muted) !important;
}

.theme-modal {
  background: var(--container-bg) !important;
  border: 2px solid var(--accent) !important;
  border-radius: 8px;
}

.theme-badge {
  background: var(--accent) !important;
  color: var(--bg) !important;
  padding: 4px 12px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
}

.theme-text-primary {
  color: var(--text) !important;
}

.theme-text-muted {
  color: var(--muted) !important;
}

.theme-text-heading {
  color: var(--heading) !important;
}

.theme-text-label {
  color: var(--label) !important;
}