0.12.0 Begin neu Architecture

frontend/src/styles/app.css

@@ -13,6 +13,7 @@
   --rip-muted: #6a4d38;
   --rip-panel: #fffaf1;
   --rip-panel-soft: #fdf5e7;
+  --dashboard-side-width: 20rem;
 
   /* PrimeReact theme tokens */
   --primary-color: var(--rip-brown-600);
@@ -238,13 +239,16 @@ body {
 }
 
 .app-main {
-  width: min(1280px, 96vw);
-  margin: 1rem auto 2rem;
+  width: 100%;
+  max-width: none;
+  margin: 1rem 0 2rem;
+  padding: 0 1rem;
 }
 
 .app-upload-banner {
-  width: min(1280px, 96vw);
-  margin: 0.9rem auto 0;
+  width: auto;
+  max-width: none;
+  margin: 0.9rem 1rem 0;
   padding: 0.8rem 0.95rem;
   border: 1px solid var(--rip-border);
   border-radius: 0.7rem;
@@ -316,7 +320,8 @@ body {
 
 .dashboard-3col-grid {
   display: grid;
-  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr);
+  width: 100%;
+  grid-template-columns: var(--dashboard-side-width) minmax(0, 1fr) var(--dashboard-side-width);
   gap: 1rem;
   align-items: start;
 }
@@ -328,6 +333,18 @@ body {
   min-width: 0;
 }
 
+.dashboard-subpage-content {
+  width: 100%;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+
+.dashboard-subpage-content > * {
+  min-width: 0;
+}
+
 @media (max-width: 1100px) {
   .dashboard-3col-grid {
     grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
@@ -3295,6 +3312,19 @@ body {
   color: var(--rip-muted);
 }
 
+.track-selection-inline-neutral {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.28rem;
+  color: var(--rip-muted);
+  font-weight: 600;
+  font-size: 0.8rem;
+}
+
+.track-selection-inline-neutral .pi {
+  font-size: 0.85rem;
+}
+
 .spurauswahl-block {
   display: grid;
   gap: 0.5rem;