fix(css): add ::deep prefix to MudBlazor component classes in AudioPlayerBar scoped styles

DeepDrftPublic.Client/Controls/AudioPlayerBar/AudioPlayerBar.razor.css

@@ -12,13 +12,13 @@
     margin: 0;
 }
 
-.player-inner-container {
+::deep .player-inner-container {
     padding: 1rem;
     padding-bottom: 1.5rem;
 }
 
 /* The visible surface is a MudPaper; scoped CSS only sets geometry + a hairline accent */
-.player-surface {
+::deep .player-surface {
     position: relative;
     border-radius: 16px;
     border: 1px solid var(--mud-palette-primary);
@@ -27,47 +27,47 @@
 }
 
 /* Minimize / close cluster, pinned top-right of the surface */
-.player-surface ::deep .player-window-controls {
+::deep .player-surface .player-window-controls {
     position: absolute;
     top: 0.5rem;
     right: 0.5rem;
 }
 
 /* Minimized floating dock — positioning + hover only; colour from MudFab */
-.minimized-dock {
+::deep .minimized-dock {
     position: fixed;
     bottom: 60px;
     right: 60px;
     z-index: 1300;
 }
 
-.minimized-dock:hover {
+::deep .minimized-dock:hover {
     transform: scale(1.1);
 }
 
 /* Spacer to prevent content overlap */
-.player-spacer {
+::deep .player-spacer {
     height: 140px;
     width: 100%;
     flex-shrink: 0;
 }
 
 @media (max-width: 768px) {
-    .minimized-dock {
+    ::deep .minimized-dock {
         bottom: 15px;
         right: 15px;
     }
 
-    .player-inner-container {
+    ::deep .player-inner-container {
         padding: 0.75rem;
         padding-bottom: 1.25rem;
     }
 
-    .player-surface {
+    ::deep .player-surface {
         margin-bottom: 1.25rem;
     }
 
-    .player-spacer {
+    ::deep .player-spacer {
         height: 160px;
     }
 }