*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base: #f0f5f1;--bg-surface: #ffffff;--bg-card: #f8fbf8;--bg-elevated: #e6f0e8;--bg-input: #ffffff;--border: #c4d9c8;--border-light: #a8c8ad;--text-primary: #0f1f13;--text-secondary: #2a4a30;--text-muted: #5a7a60;--accent: #1d6b38;--accent-bright: #1e7d3e;--accent-hover: #155c2c;--accent-bg: #dff0e4;--live-color: #16a34a;--live-bg: #dcfce7;--paused-color: #b45309;--paused-bg: #fef3c7;--internal-color: #6d28d9;--internal-bg: #ede9fe;--ended-color: #6b7280;--ended-bg: #f3f4f6;--court-color: #7c3aed;--court-bg: #ede9fe;--ready-color: #0369a1;--ready-bg: #e0f2fe;--danger: #dc2626;--danger-hover: #b91c1c;--visible-indicator: #16a34a;--hidden-indicator: #b45309;--internal-indicator: #6d28d9;--success: #16a34a;--warning: #b45309;--font-arabic: "Cairo", "Noto Sans Arabic", sans-serif;--font-latin: "Noto Sans", sans-serif;--font-devanagari: "Noto Sans Devanagari", "Noto Sans", sans-serif;--font-bengali: "Noto Sans Bengali", "Noto Sans", sans-serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-card: 0 2px 12px rgba(0, 0, 0, .08);--shadow-elevated: 0 4px 24px rgba(0, 0, 0, .12);--shadow-modal: 0 8px 48px rgba(0, 0, 0, .18);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}html,body{height:100%;width:100%;overflow:hidden}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-arabic);font-size:15px;font-weight:500;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1}#root{height:100%;width:100%}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.screen{width:100%;height:100vh;overflow:hidden;display:flex;flex-direction:column;background-color:var(--bg-base)}.screen-scrollable{width:100%;height:100vh;overflow-y:auto;background-color:var(--bg-base)}.card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-card)}.card-elevated{background-color:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-elevated)}.card-surface{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-md);border:1px solid transparent;font-family:var(--font-arabic);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-decoration:none;outline:none}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background-color:var(--accent-bright);border-color:var(--accent-hover);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover)}.btn-secondary{background-color:var(--bg-elevated);border-color:var(--border-light);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--accent-bg);border-color:var(--accent-bright);color:var(--accent-hover)}.btn-danger{background-color:var(--danger);border-color:#c41a1a;color:#fff}.btn-danger:hover:not(:disabled){background-color:var(--danger-hover)}.btn-ghost{background-color:transparent;border-color:var(--border);color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-light)}.btn-success{background-color:var(--live-color);border-color:#06a874;color:#fff}.btn-success:hover:not(:disabled){background-color:#06a874}.btn-warning{background-color:var(--paused-color);border-color:#d98a1a;color:#fff}.btn-warning:hover:not(:disabled){background-color:#d98a1a}.btn-sm{padding:6px 13px;font-size:13px;border-radius:var(--radius-sm)}.btn-lg{padding:14px 28px;font-size:16px;border-radius:var(--radius-lg)}.btn-icon{padding:8px;width:36px;height:36px}.btn-full{width:100%}.btn-toggle{background-color:var(--bg-surface);border:1px solid var(--border-light);color:var(--text-secondary);padding:6px 13px;font-size:13px;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-family:var(--font-arabic);box-shadow:0 1px 2px #0000000d;flex-shrink:0;height:34px}.btn-toggle.active{background-color:var(--accent-bg);border-color:var(--accent-bright);color:var(--accent-hover);box-shadow:0 0 0 2px #1e7d3e1f}.btn-toggle.active-green{background-color:var(--live-bg);border-color:var(--live-color);color:#166534;box-shadow:0 0 0 2px #16a34a1f}.btn-toggle.active-amber{background-color:var(--paused-bg);border-color:var(--paused-color);color:var(--paused-color);box-shadow:0 0 0 2px #b453091f}.btn-toggle.active-purple{background-color:var(--internal-bg);border-color:var(--internal-color);color:var(--internal-color);box-shadow:0 0 0 2px #6d28d91f}.btn-toggle:hover:not(:disabled){border-color:var(--accent-bright);color:var(--accent-hover);background-color:var(--accent-bg)}.form-group{display:flex;flex-direction:column;gap:6px}.label{font-size:13px;font-weight:600;color:var(--text-secondary);letter-spacing:.02em}.input{background-color:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 14px;color:var(--text-primary);font-family:var(--font-arabic);font-size:14px;width:100%;transition:border-color var(--transition-fast);outline:none}.input:focus{border-color:var(--accent-bright)}.input::placeholder{color:var(--text-muted)}.textarea{background-color:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 14px;color:var(--text-primary);font-family:var(--font-arabic);font-size:14px;width:100%;resize:vertical;min-height:80px;transition:border-color var(--transition-fast);outline:none;line-height:1.6}.textarea:focus{border-color:var(--accent-bright)}.textarea::placeholder{color:var(--text-muted)}.select{background-color:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 14px;color:var(--text-primary);font-family:var(--font-arabic);font-size:14px;width:100%;cursor:pointer;transition:border-color var(--transition-fast);outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237a9b80' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center}.select:focus{border-color:var(--accent-bright)}.select option{background-color:var(--bg-card)}.checkbox-group{display:flex;align-items:center;gap:10px;cursor:pointer}.checkbox-group input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-bright);cursor:pointer}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.04em;white-space:nowrap}.badge-live{background-color:var(--live-bg);color:var(--live-color);border:1px solid rgba(5,150,105,.3)}.badge-paused{background-color:var(--paused-bg);color:var(--paused-color);border:1px solid rgba(199,125,14,.3)}.badge-ready{background-color:var(--ready-bg);color:var(--ready-color);border:1px solid rgba(14,110,138,.3)}.badge-ended{background-color:var(--ended-bg);color:var(--ended-color);border:1px solid rgba(61,79,101,.3)}.badge-court{background-color:var(--court-bg);color:var(--court-color);border:1px solid rgba(124,58,237,.35)}.status-dot-court{background-color:var(--court-color)}.badge-internal{background-color:var(--internal-bg);color:var(--internal-color);border:1px solid rgba(107,59,191,.3)}.badge-visible{background-color:var(--live-bg);color:var(--visible-indicator);border:1px solid rgba(5,150,105,.3)}.badge-hidden{background-color:var(--paused-bg);color:var(--hidden-indicator);border:1px solid rgba(199,125,14,.3)}.badge-accent{background-color:var(--accent-bg);color:var(--accent-hover);border:1px solid rgba(34,82,212,.3)}@keyframes slideInEntry{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.session-col-transcript .session-column-body{background:#fff!important}.transcript-entry{animation:slideInEntry .35s ease;padding:0;border-bottom:none}.transcript-bubble-investigator,.transcript-bubble-subject{display:flex;flex-direction:column;gap:4px}.bubble-inner{padding:10px 14px;border-radius:8px}.bubble-investigator-inner{background:#fff;border:1px solid #e2e8f0;border-right:4px solid #1d4ed8}.bubble-subject-inner{background:#fffbf5;border:1px solid #e2e8f0;border-left:4px solid #b45309}.bubble-internal-inner{background:#faf5ff;border:1px solid #e2e8f0;border-right:4px solid #7c3aed}.bubble-text-original{font-size:13.5px;color:#1e293b;line-height:1.7}.bubble-text-translated{font-size:12px;color:#64748b;margin-top:8px;padding-top:8px;border-top:1px dashed #cbd5e1;line-height:1.6}.bubble-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:#94a3b8;margin-bottom:6px;direction:rtl}.bubble-speaker{font-weight:700;color:#1e293b}.visibility-visible{border-right:3px solid var(--visible-indicator)!important}.visibility-internal{border-right:3px solid var(--internal-indicator)!important;background-color:var(--internal-bg)!important}.visibility-hidden{border-right:3px solid var(--hidden-indicator)!important}.sidebar{width:220px;min-width:220px;height:100vh;background-color:var(--bg-surface);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.sidebar-logo{padding:24px 20px;border-bottom:1px solid var(--border)}.sidebar-nav{flex:1;padding:12px 0;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:10px;padding:12px 20px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border-right:3px solid transparent}.nav-item:hover{background-color:var(--bg-elevated);color:var(--text-primary)}.nav-item.active{background-color:var(--accent-bg);color:var(--accent-hover);border-right-color:var(--accent-bright)}.sidebar-footer{padding:16px 20px;border-top:1px solid var(--border)}.stats-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:8px}.stats-card-value{font-size:32px;font-weight:800;color:var(--text-primary);line-height:1}.stats-card-label{font-size:13px;color:var(--text-secondary);font-weight:500}.tab-bar{display:flex;border-bottom:1px solid var(--border);gap:0;overflow-x:auto}.tab{padding:10px 16px;font-size:12px;font-weight:600;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition-fast);white-space:nowrap;font-family:var(--font-arabic);background:none;border-top:none;border-left:none;border-right:none}.tab:hover{color:var(--text-secondary);background-color:var(--bg-elevated)}.tab.active{color:var(--accent-hover);border-bottom-color:var(--accent-bright);background-color:var(--accent-bg)}.section-title{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.section-heading{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.divider{height:1px;background-color:var(--border);margin:16px 0}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot-live{background-color:var(--live-color);animation:pulse 2s infinite}.status-dot-paused{background-color:var(--paused-color)}.status-dot-ready{background-color:var(--ready-color)}.status-dot-ended{background-color:var(--ended-color)}.status-dot-internal{background-color:var(--internal-color);animation:pulse 2s infinite}.connection-bar{display:flex;gap:3px;align-items:flex-end;height:16px}.connection-bar-segment{width:4px;border-radius:2px;background-color:var(--border)}.connection-bar-segment.active-good{background-color:var(--live-color)}.connection-bar-segment.active-fair{background-color:var(--paused-color)}.connection-bar-segment.active-poor{background-color:var(--danger)}.ai-question-card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px;cursor:pointer;transition:all var(--transition-fast);display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.ai-question-card:hover{border-color:var(--accent-bright);background-color:var(--accent-bg)}.ai-question-text{font-size:13px;color:var(--text-primary);line-height:1.6;direction:rtl}.ai-question-actions{display:flex;justify-content:flex-end}.indicator-card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px;margin-bottom:8px;display:flex;flex-direction:column;gap:6px}.indicator-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.indicator-label{font-size:13px;font-weight:600;color:var(--text-primary)}.indicator-description{font-size:12px;color:var(--text-secondary);line-height:1.5}.indicator-timestamp{font-size:11px;color:var(--text-muted)}.level-low{background-color:var(--live-bg);color:var(--live-color);border:1px solid rgba(5,150,105,.3);padding:2px 8px;border-radius:10px;font-size:11px;font-weight:700}.level-medium{background-color:var(--paused-bg);color:var(--paused-color);border:1px solid rgba(199,125,14,.3);padding:2px 8px;border-radius:10px;font-size:11px;font-weight:700}.level-high{background-color:#fee2e2;color:#dc2626;border:1px solid rgba(220,38,38,.35);padding:2px 8px;border-radius:10px;font-size:11px;font-weight:700}.session-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.session-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;background-color:var(--bg-surface);border-bottom:2px solid var(--border);flex-shrink:0;gap:16px;height:56px;min-height:56px}.session-columns{display:grid;grid-template-columns:26% 44% 30%;flex:1;overflow:hidden;gap:0}.session-column{height:100%;overflow-y:auto;border-left:1px solid var(--border);display:flex;flex-direction:column}.session-column:last-child{border-left:none}.session-column-header{padding:12px 16px;background-color:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.session-column-body{flex:1;overflow-y:auto;padding:14px 16px}.session-footer{background-color:var(--bg-surface);border-top:2px solid var(--border);padding:0 16px;flex-shrink:0;display:flex;align-items:center;height:52px;overflow:hidden}.control-bar{display:flex;align-items:center;gap:0;width:100%;height:100%;overflow-x:auto;scrollbar-width:none}.control-bar::-webkit-scrollbar{display:none}.control-group{display:flex;align-items:center;gap:6px;padding:0 14px;border-left:1px solid var(--border);flex-shrink:0;height:100%}.control-group:first-child{border-left:none;padding-right:0}.control-group:last-child{margin-right:auto}.control-group-label{font-size:9px;font-weight:700;color:var(--text-muted);letter-spacing:.08em;white-space:nowrap;padding:2px 6px;background:var(--bg-elevated);border-radius:3px;border:1px solid var(--border);flex-shrink:0;text-transform:uppercase}.device-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:12px 8px;border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--bg-surface);cursor:pointer;transition:all .15s;width:100%;font-family:var(--font-arabic);text-align:center}.device-btn:hover:not(.device-btn-info){border-color:var(--border-light);background:var(--bg-elevated)}.device-btn:active:not(.device-btn-info){transform:scale(.97)}.device-btn.active{border-color:var(--live-color);background:var(--live-bg)}.device-btn.active svg{color:var(--live-color)}.device-btn.active-mic{border-color:var(--live-color);background:var(--live-bg)}.device-btn.active-mic svg{color:var(--live-color);animation:micPulse 1.4s ease infinite}.device-btn-info{cursor:default;background:var(--bg-input)}.device-btn svg{width:20px;height:20px;flex-shrink:0;color:var(--text-secondary)}.device-btn-label{font-size:12px;font-weight:700;color:var(--text-primary);line-height:1.2}.device-btn-status{font-size:11px;color:var(--text-muted);line-height:1;font-weight:600}@keyframes micPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.18);opacity:.75}}.inv-mic-btn{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border-radius:var(--radius-lg);border:2px solid var(--border);background:var(--bg-surface);cursor:pointer;transition:all .2s ease;color:var(--text-secondary);font-family:var(--font-arabic);text-align:right;direction:rtl;position:relative;overflow:hidden;margin-top:6px}.inv-mic-btn:hover{border-color:var(--accent-bright);background:var(--accent-bg);transform:translateY(-1px);box-shadow:0 4px 12px #1d6b3826}.inv-mic-btn.inv-mic-recording{border-color:var(--live-color);background:var(--live-bg);box-shadow:0 0 0 3px #16a34a26,0 4px 16px #16a34a33}.inv-mic-icon{width:44px;height:44px;border-radius:50%;background:var(--bg-elevated);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;color:var(--text-secondary);transition:all .2s}.inv-mic-btn:hover .inv-mic-icon{background:var(--accent-bg);border-color:var(--accent);color:var(--accent-hover)}.inv-mic-btn.inv-mic-recording .inv-mic-icon{background:var(--live-color);border-color:var(--live-color);color:#fff;animation:micPulse 1.2s ease infinite}.inv-mic-pulse{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:2px solid var(--live-color);animation:liveGlow 1.2s ease infinite;pointer-events:none}.inv-mic-text{display:flex;flex-direction:column;gap:2px;min-width:0}.inv-mic-label{font-size:13px;font-weight:700;color:var(--text-primary);transition:color .2s}.inv-mic-sub{font-size:10px;color:var(--text-muted);font-weight:400;transition:color .2s}.inv-mic-btn.inv-mic-recording .inv-mic-label,.inv-mic-btn.inv-mic-recording .inv-mic-sub{color:var(--live-color)}.control-btn-primary{font-size:13px!important;padding:6px 16px!important;height:36px!important;font-weight:700!important;letter-spacing:.02em;box-shadow:0 2px 8px #16a34a4d}.session-input-bar{display:none;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-surface);border-top:1px solid var(--border);flex-shrink:0}.session-input-field{flex:1;padding:8px 12px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-input);font-family:var(--font-arabic);font-size:13px;outline:none;color:var(--text-primary);direction:rtl}.session-input-field:focus{border-color:var(--accent-bright);box-shadow:0 0 0 2px var(--accent-bg)}.session-input-field::placeholder{color:var(--text-muted)}.subject-screen{width:100%;height:100vh;background-color:var(--bg-base);display:flex;flex-direction:column;overflow:hidden}.subject-status-banner{padding:12px 24px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:600;flex-shrink:0}.subject-status-banner.live{background-color:var(--live-bg);border-bottom:1px solid rgba(5,150,105,.3);color:var(--live-color)}.subject-status-banner.paused{background-color:var(--paused-bg);border-bottom:1px solid rgba(199,125,14,.3);color:var(--paused-color)}.subject-status-banner.ended{background-color:var(--ended-bg);border-bottom:1px solid rgba(61,79,101,.3);color:var(--ended-color)}.subject-status-banner.ready{background-color:var(--ready-bg);border-bottom:1px solid rgba(14,110,138,.3);color:var(--ready-color)}.subject-main{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;overflow:hidden}.subject-text-display{max-width:700px;width:100%;text-align:center;display:flex;flex-direction:column;gap:24px}.subject-text-primary{font-size:clamp(22px,3.5vw,36px);font-weight:600;color:var(--text-primary);line-height:1.6}.subject-text-secondary{font-size:clamp(14px,2vw,18px);color:var(--text-secondary);line-height:1.6}.subject-wait-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background-color:var(--bg-elevated);border:2px solid var(--border-light);margin:0 auto;color:var(--text-muted)}.subject-footer-bar{padding:14px 24px;background-color:var(--bg-surface);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.video-panel{background-color:#1a2e1e;border:1px solid var(--border);border-radius:var(--radius-md);aspect-ratio:16/9;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.video-panel-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.7) 100%);pointer-events:none}.video-panel-badge{position:absolute;top:10px;right:10px}.video-panel-label{position:absolute;bottom:10px;right:10px;left:10px;display:flex;align-items:center;justify-content:space-between}.video-panel-name{font-size:12px;font-weight:600;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.8)}.video-silhouette{width:60px;height:80px;border-radius:50% 50% 0 0;background-color:var(--bg-elevated);border:2px solid var(--border-light);position:relative;overflow:hidden}.speaking-indicator{display:flex;gap:3px;align-items:flex-end}.speaking-bar{width:3px;background-color:var(--live-color);border-radius:2px;animation:speakBars .7s ease infinite}.speaking-bar:nth-child(1){height:6px;animation-delay:0s}.speaking-bar:nth-child(2){height:12px;animation-delay:.1s}.speaking-bar:nth-child(3){height:8px;animation-delay:.2s}.speaking-bar:nth-child(4){height:14px;animation-delay:.05s}.speaking-bar:nth-child(5){height:6px;animation-delay:.15s}.qr-panel{background-color:#fff;border-radius:var(--radius-md);padding:16px;display:inline-flex;align-items:center;justify-content:center}.timeline{position:relative;padding-right:30px}.timeline:before{content:"";position:absolute;right:8px;top:0;bottom:0;width:2px;background-color:var(--border)}.timeline-item{position:relative;margin-bottom:24px}.timeline-dot{position:absolute;right:-26px;top:14px;width:16px;height:16px;border-radius:50%;border:3px solid var(--bg-surface);z-index:1}.timeline-dot-live{background-color:var(--live-color)}.timeline-dot-ended{background-color:var(--ended-color)}.timeline-dot-ready{background-color:var(--ready-color)}.case-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px;cursor:pointer;transition:all var(--transition-normal);display:flex;flex-direction:column;gap:12px}.case-card:hover{border-color:var(--accent-bright);background-color:var(--bg-elevated);transform:translateY(-1px);box-shadow:var(--shadow-elevated)}.case-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.case-card-id{font-size:11px;color:var(--text-muted);font-weight:600;letter-spacing:.06em;font-family:Noto Sans,monospace}.case-card-name{font-size:15px;font-weight:700;color:var(--text-primary);margin-top:4px}.case-card-type{font-size:12px;color:var(--text-secondary);margin-top:2px}.case-card-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.case-card-meta-item{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted)}.case-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid var(--border)}.language-card{background-color:var(--bg-surface);border:2px solid var(--border);border-radius:var(--radius-md);padding:14px 12px;cursor:pointer;transition:all var(--transition-fast);text-align:center;display:flex;flex-direction:column;gap:4px;align-items:center}.language-card:hover,.language-card.selected{border-color:var(--accent-bright);background-color:var(--accent-bg)}.language-card-arabic{font-size:13px;font-weight:600;color:var(--text-secondary)}.language-card-native{font-size:15px;font-weight:700;color:var(--text-primary)}.language-card-dir{font-size:10px;color:var(--text-muted);font-family:Noto Sans,sans-serif}.app-logo{display:flex;align-items:center;gap:12px}.app-logo-icon{width:40px;height:40px;color:var(--accent-hover);flex-shrink:0}.app-logo-text{display:flex;flex-direction:column}.app-logo-title{font-size:13px;font-weight:700;color:var(--text-primary);line-height:1.2}.app-logo-subtitle{font-size:11px;color:var(--text-muted);font-weight:500}.page-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid var(--border);background-color:var(--bg-surface);flex-shrink:0}.page-title{font-size:18px;font-weight:700;color:var(--text-primary)}.page-subtitle{font-size:12px;color:var(--text-muted);margin-top:2px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.w-full{width:100%}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-primary{color:var(--text-primary)}.font-bold{font-weight:700}.font-medium{font-weight:500}.text-sm{font-size:12px}.text-xs{font-size:11px}.text-base{font-size:14px}.text-lg{font-size:16px}.text-xl{font-size:18px}.text-2xl{font-size:22px}.text-3xl{font-size:28px}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.p-16{padding:16px}.p-20{padding:20px}.p-24{padding:24px}.rounded{border-radius:var(--radius-md)}.border-bottom{border-bottom:1px solid var(--border)}.overflow-hidden{overflow:hidden}.flex-1{flex:1}.shrink-0{flex-shrink:0}.loading-spinner{width:18px;height:18px;border:2px solid var(--border-light);border-top-color:var(--accent-bright);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.spin{animation:spin .8s linear infinite}.loading-dots{display:flex;gap:4px;align-items:center}.loading-dot{width:5px;height:5px;border-radius:50%;background-color:var(--text-muted);animation:blink 1.2s ease infinite}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}.verified-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background-color:var(--live-bg);border:1px solid rgba(5,150,105,.3);border-radius:20px;font-size:12px;font-weight:600;color:var(--live-color)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:.3}50%{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes speakBars{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}@keyframes liveGlow{0%,to{box-shadow:0 0 #05966966}50%{box-shadow:0 0 0 6px #05966900}}@keyframes audioBar{0%{transform:scaleY(.35);opacity:.65}to{transform:scaleY(1);opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.pulse-live{animation:liveGlow 2s ease infinite}.login-screen{width:100%;height:100vh;background-color:var(--bg-base);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.login-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:40px 40px;opacity:.3;pointer-events:none}.login-bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 60% at 50% 40%,rgba(30,125,62,.1) 0%,transparent 70%);pointer-events:none}.login-card{position:relative;z-index:1;background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:40px 44px;width:100%;max-width:460px;box-shadow:var(--shadow-modal)}.login-logo-area{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:32px;text-align:center}.login-shield{width:64px;height:64px;color:var(--accent-bright)}.login-title{font-size:18px;font-weight:800;color:var(--text-primary);line-height:1.3}.login-subtitle{font-size:12px;color:var(--text-muted);font-weight:500;letter-spacing:.04em}.login-form{display:flex;flex-direction:column;gap:18px}.login-version{margin-top:24px;text-align:center;font-size:11px;color:var(--text-muted);font-family:Noto Sans,monospace}.dashboard-layout{display:flex;height:100vh;direction:rtl}.dashboard-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.dashboard-content{flex:1;overflow-y:auto;padding:24px 28px}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;background-color:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.filter-bar{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.search-input-wrap{position:relative;flex:1;min-width:200px}.search-input-wrap .search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-input-wrap .input{padding-right:40px}.cases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.device-connect-layout{direction:rtl;display:flex;flex-direction:column;height:100vh}.device-connect-content{flex:1;overflow-y:auto;padding:32px;display:flex;align-items:flex-start;justify-content:center;gap:32px}.connect-panel{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:32px;width:100%;max-width:480px;display:flex;flex-direction:column;gap:24px}.summary-layout{direction:rtl;display:flex;flex-direction:column;height:100vh}.summary-content{flex:1;overflow-y:auto;padding:28px 32px;max-width:900px;margin:0 auto;width:100%}[dir=rtl] .select{background-position:left 12px center}[dir=ltr] .select{background-position:right 12px center}[dir=rtl] .sidebar{border-left:none;border-right:1px solid var(--border)}[dir=rtl] .nav-item{border-right:none;border-left:3px solid transparent}[dir=rtl] .nav-item.active{border-left-color:var(--accent-bright)}.info-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.info-row:last-child{border-bottom:none}.info-row-label{font-size:12px;color:var(--text-muted);font-weight:500}.info-row-value{font-size:13px;color:var(--text-primary);font-weight:600;text-align:left}.notification-dot{width:8px;height:8px;border-radius:50%;background-color:var(--danger);position:absolute;top:2px;left:2px}.session-code{font-family:Noto Sans,monospace;font-size:18px;font-weight:700;color:var(--accent-hover);letter-spacing:.12em;text-align:center;padding:12px 20px;background-color:var(--accent-bg);border:1px solid var(--accent);border-radius:var(--radius-md)}.connection-status-indicator{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:600}.connection-status-indicator.disconnected{background-color:var(--ended-bg);border:1px solid var(--ended-color);color:var(--ended-color)}.connection-status-indicator.connecting{background-color:var(--paused-bg);border:1px solid var(--paused-color);color:var(--paused-color)}.connection-status-indicator.connected{background-color:var(--live-bg);border:1px solid var(--live-color);color:var(--live-color)}.disclaimer-text{font-size:11px;color:var(--text-muted);line-height:1.6;padding:10px 12px;background-color:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);border-right:3px solid var(--text-muted)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px;color:var(--text-muted);text-align:center}.empty-state-icon{opacity:.4}.empty-state-text{font-size:13px;color:var(--text-muted)}.mic-active-indicator{display:flex;align-items:center;gap:8px;padding:8px 14px;background-color:var(--live-bg);border:1px solid rgba(5,150,105,.3);border-radius:20px;font-size:12px;color:var(--live-color);font-weight:600}.mic-inactive-indicator{display:flex;align-items:center;gap:8px;padding:8px 14px;background-color:var(--ended-bg);border:1px solid var(--border);border-radius:20px;font-size:12px;color:var(--text-muted);font-weight:600}.summary-ai-card{background:linear-gradient(135deg,var(--accent-bg) 0%,var(--bg-card) 100%);border:1px solid var(--accent);border-radius:var(--radius-lg);padding:20px}.quick-note-btn{padding:6px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;border:1px solid var(--border);background-color:var(--bg-input);color:var(--text-secondary);font-family:var(--font-arabic);transition:all var(--transition-fast)}.quick-note-btn:hover{border-color:var(--border-light);color:var(--text-primary)}.note-entry{padding:10px 12px;background-color:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:8px;border-right:3px solid var(--accent-bright)}.note-entry-text{font-size:13px;color:var(--text-primary);line-height:1.5}.note-entry-meta{font-size:11px;color:var(--text-muted);margin-top:4px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;z-index:100;display:flex;align-items:center;justify-content:center}.mobile-bottom-nav,.session-mobile-panel-nav{display:none}.session-mobile-panel-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 0;border:none;background:transparent;color:var(--text-muted);font-family:var(--font-arabic);font-size:10px;font-weight:500;cursor:pointer;transition:color .15s;-webkit-tap-highlight-color:transparent}.session-mobile-panel-btn.active{color:var(--accent-bright)}.session-mobile-panel-btn.active svg{stroke:var(--accent-bright)}@media (max-width: 767px){.dashboard-layout{flex-direction:column}.sidebar{display:none}.dashboard-main{padding-bottom:68px}.dashboard-content{padding:16px 14px}.dashboard-header{padding:12px 14px;flex-wrap:wrap;gap:10px}.dashboard-header>div:last-child{gap:6px}.dashboard-header .connection-chip{display:none}.stats-row{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.stats-row .stats-card:last-child{grid-column:span 2}.stats-card{padding:14px 12px}.stats-card-value{font-size:24px}.filter-bar{flex-direction:column;align-items:stretch;gap:8px}.filter-bar>div:last-child{overflow-x:auto;display:flex;gap:6px;padding-bottom:2px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-bar>div:last-child::-webkit-scrollbar{display:none}.filter-bar .search-input-wrap{max-width:100%}.cases-grid{grid-template-columns:1fr;gap:10px}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:60px;background:#fff;border-top:1px solid var(--border);box-shadow:0 -2px 12px #00000012;z-index:200;direction:rtl}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;border:none;background:transparent;color:var(--text-muted);font-family:var(--font-arabic);font-size:10px;font-weight:500;transition:color .15s;padding:0;-webkit-tap-highlight-color:transparent}.mobile-nav-item.active{color:var(--accent-bright)}.mobile-nav-item.active svg{stroke:var(--accent-bright)}.mobile-nav-fab{flex:1;display:flex;align-items:center;justify-content:center}.mobile-nav-fab button{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-bright) 100%);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px #1d6b3859;transform:translateY(-8px);transition:transform .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent}.mobile-nav-fab button:active{transform:translateY(-6px) scale(.95);box-shadow:0 2px 8px #1d6b3840}.login-container{flex-direction:column}.login-left-panel{display:none}.login-right-panel{width:100%;padding:32px 20px}.btn{min-height:40px}.btn-sm{min-height:32px}input,select,textarea{font-size:16px!important}.session-mobile-panel-nav{display:flex;background:var(--bg-surface);border-bottom:2px solid var(--border);flex-shrink:0}.session-header{flex-wrap:wrap;padding:8px 12px;min-height:auto;gap:6px;align-items:flex-start}.session-header>div:last-child{width:100%;justify-content:space-between}.session-columns{grid-template-columns:1fr;overflow:visible;height:auto;flex:1;min-height:0}.session-col-camera,.session-col-transcript,.session-col-ai{display:none;border-left:none;border-top:1px solid var(--border);height:calc(100vh - 210px);min-height:0}.session-col-camera.mobile-active,.session-col-transcript.mobile-active,.session-col-ai.mobile-active{display:flex}.session-footer{height:44px;padding:0 8px}.control-bar{overflow-x:auto;flex-wrap:nowrap;gap:0;scrollbar-width:none;-webkit-overflow-scrolling:touch}.control-bar::-webkit-scrollbar{display:none}.control-group{flex-shrink:0;gap:4px;padding:0 8px;border-left-color:var(--border)}.control-group-label{font-size:8px;padding:1px 4px}.btn-toggle{font-size:12px;padding:5px 10px;height:30px;white-space:nowrap}.btn-toggle svg{flex-shrink:0}.screen-scrollable{padding:0}.screen-scrollable>div{max-width:100%!important;padding:14px!important}.page-header{padding:12px 14px;flex-wrap:wrap;gap:8px}.page-header>div:last-child{gap:6px}.case-open-grid{grid-template-columns:1fr!important}.device-connect-layout{flex-direction:column;overflow-y:auto}.device-connect-content{flex-direction:column!important;padding:14px!important;gap:16px}.connect-info-panel{width:100%!important;min-width:unset!important}.summary-layout{overflow-y:auto}.summary-content{padding:14px!important}.summary-info-grid{grid-template-columns:repeat(2,1fr)!important}.summary-ai-grid{grid-template-columns:1fr!important}.timeline-stats-grid,.session-stats-grid{grid-template-columns:repeat(2,1fr)!important}.subject-header{padding:8px 14px!important;min-height:48px!important}.subject-conversation{padding:14px!important}.subject-mic-panel{padding:10px 14px!important}.card,.card-elevated{padding:14px!important}.stats-card{padding:12px!important}}@media (min-width: 768px) and (max-width: 1023px){.dashboard-content{padding:18px 20px}.dashboard-header{padding:10px 16px;gap:8px}.mobile-bottom-nav{display:none!important}.dashboard-main{padding-bottom:0}.cases-grid{grid-template-columns:repeat(2,1fr);gap:12px}.dashboard-header>div:first-child>div:first-child{font-size:15px!important}.dashboard-header>div:first-child>div:last-child{font-size:11px!important}.sidebar{width:64px;min-width:64px}.sidebar-logo{padding:16px 0;display:flex;align-items:center;justify-content:center}.sidebar-logo .app-logo-text{display:none}.sidebar-logo .app-logo{gap:0;justify-content:center}.nav-item{justify-content:center;padding:14px 0;gap:0;position:relative}.nav-item span{display:none}.nav-item>span:last-child{display:none!important}.sidebar-footer{padding:12px 0;display:flex;flex-direction:column;align-items:center;gap:8px}.sidebar-footer>div:first-child{display:none!important}.sidebar-footer .btn span{display:none}.sidebar-footer .btn{width:40px;height:40px;padding:0;justify-content:center;border-radius:var(--radius-md)}.dashboard-header .btn-primary span{display:none}.dashboard-header .btn-primary{padding:8px;width:36px;height:36px}.settings-grid-2col{grid-template-columns:1fr!important}.cases-table-desktop{display:none!important}.cases-table-cards{display:flex!important;flex-direction:column;gap:8px}.sessions-table-desktop{display:none!important}.sessions-table-cards{display:flex!important;flex-direction:column;gap:8px}.session-header{padding:0 16px;min-height:52px;gap:12px;flex-wrap:nowrap;overflow:hidden}.session-header>div:last-child{display:none}.session-columns{grid-template-columns:38% 62%;overflow:hidden}.session-col-camera{display:flex!important}.video-panel{min-height:0!important;aspect-ratio:4 / 3;height:auto!important}.video-panel-img{width:100%!important;height:100%!important;aspect-ratio:4 / 3;object-fit:cover}.video-panel-placeholder{width:100%!important;aspect-ratio:4 / 3;height:auto!important}.device-btn{padding:10px 6px}.device-btn-label{font-size:11px}.device-btn-status{font-size:10px}.device-btn svg{width:18px;height:18px}.inv-mic-btn{padding:11px 12px}.inv-mic-icon{width:38px;height:38px}.inv-mic-label{font-size:13px}.inv-mic-sub{font-size:11px}.session-col-transcript,.session-col-ai{display:none}.session-col-transcript.mobile-active,.session-col-ai.mobile-active,.session-input-bar{display:flex}.session-input-field{font-size:12px}.session-mobile-panel-nav{display:flex;background:var(--bg-surface);border-bottom:1px solid var(--border);border-top:none;padding:6px 12px;gap:6px;flex-shrink:0}.session-mobile-panel-btn{flex:1;flex-direction:row;gap:6px;font-size:12px;font-weight:600;padding:7px 14px;border-radius:var(--radius-md);background:transparent;transition:background .15s,color .15s}.session-mobile-panel-btn.active{background:var(--accent-bg);color:var(--accent-bright);box-shadow:0 1px 4px #1d6b3826}.session-mobile-panel-btn.active svg{stroke:var(--accent-bright)}.session-mobile-panel-btn.panel-btn-camera{display:none}.session-footer{height:50px;padding:0 12px}.control-bar{flex-wrap:nowrap;overflow-x:auto;gap:0}.control-bar::-webkit-scrollbar{display:none}.control-group{flex-shrink:0;gap:5px;padding:0 10px}.control-group .btn-toggle,.control-group .btn.btn-sm{font-size:12px;padding:5px 10px;height:32px}.control-group-label{font-size:8px;padding:1px 5px}.control-btn-primary{font-size:12px!important;padding:6px 14px!important;height:32px!important}.page-header{padding:12px 20px;gap:8px}.page-title{font-size:16px}.page-subtitle{font-size:11px}.summary-action-bar{flex-wrap:wrap!important;gap:8px!important}.summary-action-bar>div{flex-wrap:wrap;gap:8px}.quick-stats-row{grid-template-columns:repeat(3,1fr)!important}.recent-activity-grid{grid-template-columns:1fr!important}.stats-row{grid-template-columns:repeat(3,1fr);gap:12px}.case-open-grid{grid-template-columns:1fr 1fr!important;gap:16px!important}.screen-scrollable>div{max-width:100%!important;padding:20px!important}.summary-info-grid{grid-template-columns:repeat(3,1fr)!important}.summary-content{padding:20px!important}.timeline-stats-grid{grid-template-columns:repeat(2,1fr)!important}.session-stats-grid{grid-template-columns:repeat(3,1fr)!important}.card,.card-elevated{padding:16px!important}}html[data-device=tablet] .cases-table-desktop{display:none!important}html[data-device=tablet] .cases-table-cards{display:flex!important;flex-direction:column;gap:8px}html[data-device=tablet] .sessions-table-desktop{display:none!important}html[data-device=tablet] .sessions-table-cards{display:flex!important;flex-direction:column;gap:8px}html[data-device=tablet] .sidebar{width:64px;min-width:64px}html[data-device=tablet] .sidebar .app-logo-text,html[data-device=tablet] .nav-item span{display:none}html[data-device=tablet] .nav-item{justify-content:center;padding:14px 0}html[data-device=tablet] .settings-grid-2col,html[data-device=tablet] .recent-activity-grid{grid-template-columns:1fr!important}html[data-device=tablet] .sidebar-footer{padding:12px 0;align-items:center}html[data-device=tablet] .sidebar-footer>div:first-child{display:none!important}html[data-device=tablet] .sidebar-footer .btn span{display:none}html[data-device=tablet] .sidebar-footer .btn{width:40px;height:40px;padding:0;justify-content:center}@media (min-width: 768px) and (max-width: 900px){.stats-row,.quick-stats-row{grid-template-columns:repeat(2,1fr)!important}.cases-grid{grid-template-columns:1fr!important}}