style: dodanie limitów szerokości kolumn i kontenerów zapobiegających rozjeżdżaniu się layoutu przy długich tytułach

static/style.css

@@ -168,13 +168,15 @@ body {
 /* Dashboard Grid Layout */
 .dashboard-grid {
     display: grid;
-    grid-template-columns: 1fr 1.2fr;
+    grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
     gap: 24px;
+    width: 100%;
+    max-width: 100%;
 }
 
 @media (max-width: 900px) {
     .dashboard-grid {
-        grid-template-columns: 1fr;
+        grid-template-columns: minmax(0, 1fr);
     }
 }
 
@@ -182,6 +184,9 @@ body {
     display: flex;
     flex-direction: column;
     gap: 24px;
+    min-width: 0;
+    max-width: 100%;
+    width: 100%;
 }
 
 /* Glassmorphic Cards */
@@ -194,6 +199,9 @@ body {
     padding: 24px;
     box-shadow: var(--shadow-premium);
     transition: var(--transition-smooth);
+    min-width: 0;
+    max-width: 100%;
+    box-sizing: border-box;
 }
 
 .glass-card:hover {
@@ -1063,3 +1071,29 @@ body {
     width: 240px;
     flex-shrink: 0;
 }
+
+/* Zapobieganie rozjeżdżaniu się layoutu przy długich tytułach nagrań */
+.now-playing-info,
+.track-title,
+.queue-item,
+.queue-track-info,
+.queue-track-title,
+.guild-setting-row,
+.guild-info,
+.guild-name,
+.glass-card,
+.grid-column,
+.player-panel {
+    min-width: 0 !important;
+    max-width: 100% !important;
+    box-sizing: border-box;
+}
+
+.track-title,
+.queue-track-title,
+.guild-name {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    display: block;
+}