Trzy stany kolorow w panelu prowadzenia

Wylaczony TRYB i niepodjeta AKCJA wygladaly identycznie: oba szare. "Otwarty
mikrofon wylaczony" nie roznil sie niczym od "Nagraj spotkanie", chociaz
pierwszy mowi o ograniczeniu nalozonym na uczestnikow, a drugi o czyms, czego
prowadzacy jeszcze nie zrobil.

Teraz kolor niesie znaczenie:

- ZIELONY: tryb wlaczony, uczestnicy moga mowic albo pokazac obraz,
- CZERWONY: tryb wylaczony, uczestnicy sa ograniczeni,
- SZARY: akcja niepodjeta, nic sie nie dzieje.

Nagrywanie ma odwrotna logike i to jest swiadome: czerwien oznacza tam "trwa
zapis", jak dioda REC, a szarosc stan spoczynku. Nie jest ograniczeniem
uczestnikow, wiec czerwien przy wylaczonym sugerowalaby problem tam, gdzie
go nie ma: wiekszosc webinarow nie jest nagrywana i to normalny stan.

Odcien na najechanie to mocniejsza obwodka, a nie `bg-alarm-100`: paleta
HydroNexis ma dla `alarm` wylacznie 50, 500 i 600, wiec posredni odcien
wygenerowalby klase bez pokrycia w tokenach.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

frontend/src/pages/webinars/SpeakQueue.tsx

@@ -269,7 +269,7 @@ export function SpeakQueue({
           className={`flex w-full items-center gap-2 rounded-md border px-3 py-2 text-left text-sm transition-colors duration-fast ease-standard disabled:opacity-50 ${
             openMic
               ? 'border-ok-500/30 bg-ok-50 text-ok-600'
-              : 'border-slate-200 text-slate-600 hover:bg-slate-50'
+              : 'border-alarm-500/30 bg-alarm-50 text-alarm-600 hover:border-alarm-500/60'
           }`}
         >
           <Icon name={openMic ? 'mic' : 'mic-off'} size={16} className="shrink-0" />
@@ -298,7 +298,7 @@ export function SpeakQueue({
           className={`flex w-full items-center gap-2 rounded-md border px-3 py-2 text-left text-sm transition-colors duration-fast ease-standard disabled:opacity-50 ${
             openVideo
               ? 'border-ok-500/30 bg-ok-50 text-ok-600'
-              : 'border-slate-200 text-slate-600 hover:bg-slate-50'
+              : 'border-alarm-500/30 bg-alarm-50 text-alarm-600 hover:border-alarm-500/60'
           }`}
         >
           <Icon name={openVideo ? 'video' : 'video-off'} size={16} className="shrink-0" />