From 0ed3a8fe64be170deef6b9b2b8aa782c7f760bfe Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sat, 13 Jun 2026 19:09:50 +0200
Subject: [PATCH] refactor(css): components-Layer wrappen (Boards, Bookmarks,
 Panels, Modals, Widgets, Dialoge, Accordion)

---
 src/css/main.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/css/main.css b/src/css/main.css
index 342a9b6..084d0aa 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -538,6 +538,7 @@ html, body {
 }
 }
 
+@layer components {
 .board {
   width: var(--board-width);
   background: var(--bg-board);
@@ -867,6 +868,7 @@ body.show-desc .bm-desc { display: block; }
   background: var(--accent-dim);
   flex-shrink: 0;
 }
+}
 
 
 /* ---- BOARD BLUR (Private Mode) ---- */
@@ -914,6 +916,7 @@ body.show-desc .bm-desc { display: block; }
 .board.blurred .btn-blur-board { color: var(--accent); opacity: 0.7; }
 
 
+@layer components {
 /* ---- ABOUT BLOCK ---- */
 .about-block {
   padding: 4px 18px 14px;
@@ -2365,6 +2368,7 @@ body.show-desc .bm-desc { display: block; }
 .settings-section.open .section-content {
   max-height: 800px;
 }
+}
 
 /* ============================================
    UTILITY CLASSES