Fix browser phone issues and improve UI organization

- Fix 403 Forbidden error in voicemail AJAX by correcting nonce validation
- Create accordion-style collapsible voicemail section with persistent state
- Restructure queue controls to show alert toggle button consistently
- Add global queue actions always visible when user has assigned queues
- Implement smooth slide animations and localStorage state management
- Update dark mode support for new UI elements and improved accessibility

🤖 Generated with [Claude Code](https://claude.ai/code)

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

assets/css/browser-phone-frontend.css

@@ -442,6 +442,24 @@
     min-width: 80px;
 }
 
+/* Global Queue Actions */
+.queue-global-actions {
+    margin-top: 16px;
+    margin-bottom: 16px;
+}
+
+.global-queue-actions {
+    display: flex;
+    gap: 8px;
+    flex-wrap: wrap;
+    justify-content: center;
+}
+
+.global-queue-actions .twp-btn {
+    flex: 1;
+    min-width: 100px;
+}
+
 /* Alert Toggle Button */
 #twp-alert-toggle {
     position: relative;
@@ -466,44 +484,64 @@
 /* Voicemail Section */
 .twp-voicemail-section {
     background: #fff;
-    padding: 16px;
     border-radius: 8px;
     border: 2px solid #e9ecef;
     margin-bottom: 20px;
+    overflow: hidden;
 }
 
-.twp-voicemail-section h4 {
-    margin: 0 0 16px 0;
+.voicemail-header {
+    padding: 16px;
+    cursor: pointer;
+    background: #f8f9fa;
+    border-bottom: 1px solid #e9ecef;
+    transition: background-color 0.2s ease;
+}
+
+.voicemail-header:hover {
+    background: #e9ecef;
+}
+
+.voicemail-header h4 {
+    margin: 0;
     color: #212529;
     font-size: 1.1rem;
-    text-align: center;
+    display: inline-block;
 }
 
-.voicemail-stats {
+.voicemail-summary {
     display: flex;
-    justify-content: space-around;
-    margin-bottom: 16px;
-    padding: 12px;
-    background: #f8f9fa;
-    border-radius: 6px;
+    justify-content: space-between;
+    align-items: center;
+    margin-top: 8px;
 }
 
-.stat-item {
-    text-align: center;
-}
-
-.stat-label {
-    display: block;
+.summary-stats {
     font-size: 0.9rem;
     color: #6c757d;
-    margin-bottom: 4px;
 }
 
-.stat-value {
-    display: block;
+.voicemail-toggle {
+    background: none;
+    border: none;
+    cursor: pointer;
+    padding: 4px 8px;
+    border-radius: 4px;
+    transition: background-color 0.2s ease;
+}
+
+.voicemail-toggle:hover {
+    background: #dee2e6;
+}
+
+.toggle-icon {
     font-size: 1.2rem;
-    font-weight: 600;
     color: #495057;
+    transition: transform 0.2s ease;
+}
+
+.voicemail-content {
+    padding: 16px;
 }
 
 .twp-voicemail-list {
@@ -731,7 +769,8 @@
     .twp-call-info,
     .twp-queue-controls,
     .twp-queue-section,
-    .twp-voicemail-section {
+    .twp-voicemail-section,
+    .queue-global-actions {
         background: #2d3748;
         border-color: #4a5568;
     }
@@ -792,12 +831,20 @@
     }
     
     .no-queues,
-    .voicemail-stats,
+    .voicemail-header,
     .voicemail-transcription {
         background: #2d3748;
         border-color: #4a5568;
     }
     
+    .voicemail-header:hover {
+        background: #4a5568;
+    }
+    
+    .summary-stats {
+        color: #cbd5e0;
+    }
+    
     .voicemail-item {
         background: #2d3748;
         border-color: #4a5568;