style(podcast): enhance badge contrast with bright cyan text and border on dark background

frontend/application/components/PodcastInlinePlayer.tsx

@@ -228,8 +228,8 @@ export default function PodcastInlinePlayer({ podcast }: PodcastInlinePlayerProp
           {/* Header Row: Badge & Action buttons */}
           <div className="flex items-center justify-between gap-2 flex-wrap">
             <div className="flex items-center gap-2">
-              <span className="text-xs font-black text-canina-blue bg-canina-blue/15 px-3 py-1 rounded-full border border-canina-blue/30 flex items-center gap-1.5">
-                <Headphones className="w-3.5 h-3.5 animate-pulse text-canina-blue" />
+              <span className="text-xs font-black text-cyan-300 bg-cyan-500/20 px-3.5 py-1.5 rounded-full border border-cyan-400/40 shadow-xs flex items-center gap-1.5 backdrop-blur-xs">
+                <Headphones className="w-3.5 h-3.5 animate-pulse text-cyan-300" />
                 <span>پادکست و تحلیل صوتی بالینی</span>
               </span>
               {podcast.productName && (

frontend/application/components/PodcastPlayerModal.tsx

@@ -221,8 +221,8 @@ export default function PodcastPlayerModal({ isOpen, onClose, podcast }: Podcast
         >
           {/* Top Bar (Header + Close) */}
           <div className="w-full flex items-center justify-between mb-4">
-            <div className="flex items-center gap-2.5 text-xs font-black text-canina-blue bg-canina-blue/10 px-3.5 py-1.5 rounded-full border border-canina-blue/20">
-              <Headphones className="w-4 h-4 animate-pulse text-canina-blue" />
+            <div className="flex items-center gap-2.5 text-xs font-black text-cyan-300 bg-cyan-500/20 px-3.5 py-1.5 rounded-full border border-cyan-400/40 shadow-xs backdrop-blur-xs">
+              <Headphones className="w-4 h-4 animate-pulse text-cyan-300" />
               <span>پادکست و تحلیل صوتی بالینی</span>
             </div>