.nav{background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border-default);box-shadow:var(--shadow-sm);left:0;position:fixed;right:0;top:0;z-index:var(--z-sticky,1000)}body.has-fixed-nav{padding-top:4rem}.nav-container{height:4rem;justify-content:space-between;margin:0 auto;max-width:var(--container-2xl);padding:0 var(--spacing-4)}.nav-brand,.nav-container{align-items:center;display:flex}.nav-brand{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:var(--font-weight-bold);gap:var(--spacing-3);text-decoration:none;transition:opacity var(--transition-fast)}.nav-brand:hover{opacity:.8}.nav-brand-logo{height:2rem;width:auto}.language-selector-compact{align-items:center;display:flex!important;gap:var(--spacing-2)}.language-flag-btn{align-items:center;background:transparent;border:2px solid transparent;border-radius:var(--radius-default);cursor:pointer;display:flex;font-size:24px;justify-content:center;line-height:1;padding:4px;transition:all .15s ease}.language-flag-btn:hover{background:var(--color-bg-secondary);transform:scale(1.1)}.language-flag-btn.active{background:var(--color-primary-50);border-color:var(--color-primary-600)}.language-flag-btn:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.language-selector-mobile{border-bottom:1px solid var(--color-border-default);border-top:1px solid var(--color-border-default);display:flex;gap:var(--spacing-3);justify-content:center;margin-bottom:var(--spacing-2);margin-top:var(--spacing-2);padding:var(--spacing-4)}.language-flag-btn-mobile{align-items:center;background:transparent;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:32px;justify-content:center;line-height:1;min-height:44px;min-width:44px;padding:8px;transition:all .15s ease}.language-flag-btn-mobile:hover{background:var(--color-bg-secondary)}.language-flag-btn-mobile.active{background:var(--color-primary-50);border-color:var(--color-primary-600)}.theme-switcher{display:flex!important;position:relative}.theme-toggle-btn{align-items:center;background:transparent;border:none;border-radius:var(--radius-default);cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;line-height:1;padding:var(--spacing-2);transition:all var(--transition-fast);width:36px}.theme-toggle-btn:hover{background:var(--color-bg-secondary);transform:scale(1.05)}.theme-toggle-btn:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.theme-dropdown{min-width:160px}.theme-option{align-items:center;background:transparent;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--spacing-3);justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);text-align:left;transition:background-color var(--transition-fast);width:100%}.theme-option:hover{background-color:var(--color-bg-secondary)}.theme-checkmark{color:var(--color-primary-600);font-size:16px;font-weight:var(--font-weight-bold)}.avatar-button{align-items:center;border-radius:var(--radius-md);display:flex;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);transition:background-color var(--transition-fast)}.avatar-button:hover{background-color:var(--color-bg-secondary)}.avatar-button .avatar{border:2px solid var(--color-border-default);box-shadow:0 0 0 1px rgba(0,0,0,.05);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.avatar-button:hover .avatar{border-color:var(--color-border-hover);box-shadow:0 0 0 1px rgba(0,0,0,.1)}.avatar-loading{animation:avatarSkeleton 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--color-bg-secondary) 0,var(--color-bg-tertiary) 50%,var(--color-bg-secondary) 100%);background-size:200% 100%}@keyframes avatarSkeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.avatar-name{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1024px){.avatar-name{display:none}}.avatar-dropdown{max-height:calc(100vh - 80px);min-width:240px;overflow-x:hidden!important;overflow-y:auto!important;right:0;scrollbar-color:var(--color-gray-400) var(--color-bg-secondary);scrollbar-width:thin;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.avatar-dropdown::-webkit-scrollbar{width:8px}.avatar-dropdown::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:4px}.avatar-dropdown::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:4px;min-height:40px}.avatar-dropdown::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}.dropdown-user-header{background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-default);padding:var(--spacing-3) var(--spacing-4)}.dropdown-badge{background-color:var(--color-danger,#dc2626);border-radius:10px;color:#fff;font-size:11px;font-weight:var(--font-weight-bold);margin-left:auto;min-width:18px;padding:2px 6px;text-align:center}.dropdown-menu{animation:slideDown var(--transition-fast);background-color:var(--color-bg-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:12rem;overflow:hidden;position:absolute;right:0;top:calc(100% + var(--spacing-2));z-index:var(--z-dropdown)}.dropdown-item{align-items:center;background:transparent;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);text-align:left;text-decoration:none;transition:background-color var(--transition-fast);width:100%}.dropdown-item:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.dropdown-item:focus-visible{background-color:var(--color-bg-secondary);outline:2px solid var(--color-primary-500);outline-offset:-2px}.dropdown-item-logout{color:var(--color-error-600,#dc2626)}.dropdown-item-logout:hover{background-color:var(--color-error-50,#fef2f2);color:var(--color-error-700,#b91c1c)}[data-theme=dark] .dropdown-item-logout{color:var(--color-error-400,#f87171)}[data-theme=dark] .dropdown-item-logout:hover{background-color:var(--color-error-900,#450a0a);color:var(--color-error-300,#fca5a5)}.dropdown-divider{background-color:var(--color-border-default);height:1px;margin:var(--spacing-2) 0}.dropdown-section-header,.dropdown-section-toggle{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;padding:var(--spacing-2) var(--spacing-4);text-transform:uppercase}.dropdown-section-toggle{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;justify-content:space-between;transition:background-color .15s ease;width:100%}.dropdown-section-toggle:hover{background-color:var(--color-bg-secondary,#f8fafc)}.dropdown-section-toggle-icon{font-size:.75rem;transition:transform .2s ease}.dropdown-section-toggle.collapsed .dropdown-section-toggle-icon{transform:rotate(-90deg)}.dropdown-section-content{max-height:1000px;opacity:1;overflow:hidden;transition:max-height .3s ease-out,opacity .2s ease-out}.dropdown-section-content.collapsed{max-height:0;opacity:0}.nav-menu,.nav-menu-list{align-items:center;display:flex}.nav-menu-list{gap:var(--spacing-6);list-style:none;margin:0;padding:0}.notification-bell-container{align-items:center;display:flex;position:relative}.notification-bell-btn{padding:var(--spacing-2);position:relative}.navbar-presence-container{align-items:center;display:flex;position:relative}.navbar-presence{position:relative}.navbar-presence-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-2);position:relative;transition:background-color var(--transition-fast)}.navbar-presence-btn:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.navbar-presence-icon{height:20px;width:20px}.navbar-presence-badge{align-items:center;background-color:var(--color-success-500);border-radius:var(--radius-full);color:#fff;display:flex;font-size:10px;font-weight:var(--font-weight-bold);height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:2px;top:2px}.navbar-presence-dropdown{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:400px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:280px;z-index:1000}.navbar-presence-header{align-items:center;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-primary);display:flex;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4)}.navbar-presence-title{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.navbar-presence-count{background:var(--color-bg-tertiary);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--text-sm);padding:2px 8px}.navbar-presence-list{max-height:280px;overflow-y:auto}.navbar-presence-user{align-items:center;border-bottom:1px solid var(--color-border-secondary);display:flex;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);transition:background-color var(--transition-fast)}.navbar-presence-user:hover{background:var(--color-bg-secondary)}.navbar-presence-user:last-child{border-bottom:none}.navbar-presence-avatar{align-items:center;background:var(--color-secondary-500);border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;font-size:var(--text-sm);font-weight:var(--font-weight-medium);height:36px;justify-content:center;position:relative;width:36px}.navbar-presence-avatar .presence-dot{background-color:var(--color-success-500);border:2px solid var(--color-bg-primary);border-radius:var(--radius-full);bottom:0;height:10px;position:absolute;right:0;width:10px}.navbar-presence-info{flex:1;min-width:0}.navbar-presence-name{color:var(--color-text-primary);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-presence-actions{display:flex;gap:var(--spacing-1)}.navbar-presence-action-btn{align-items:center;border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;height:28px;justify-content:center;transition:background-color var(--transition-fast);width:28px}.navbar-presence-action-btn.video{background:var(--color-success-500);color:#fff}.navbar-presence-action-btn.video:hover{background:var(--color-success-600)}.navbar-presence-action-btn.chat{background:var(--color-primary-500);color:#fff}.navbar-presence-action-btn.chat:hover{background:var(--color-primary-600)}.navbar-presence-action-btn svg{height:14px;width:14px}.navbar-presence-footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border-primary);display:flex;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4)}.navbar-presence-view-all{background:none;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;flex:1;font-size:var(--text-sm);padding:var(--spacing-2);transition:all var(--transition-fast)}.navbar-presence-view-all:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.navbar-presence-toggle{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-primary);padding:var(--spacing-3) var(--spacing-4)}.presence-toggle-label{align-items:center;cursor:pointer;display:flex;justify-content:space-between}.presence-toggle-text{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.presence-toggle-switch{height:22px;position:relative;width:40px}.presence-toggle-switch input{height:0;opacity:0;width:0}.presence-toggle-switch .toggle-slider{background-color:var(--color-text-tertiary);border-radius:22px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:var(--transition-fast)}.presence-toggle-switch .toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:16px;left:3px;position:absolute;transition:var(--transition-fast);width:16px}.presence-toggle-switch input:checked+.toggle-slider{background-color:var(--color-success-500)}.presence-toggle-switch input:checked+.toggle-slider:before{transform:translateX(18px)}.navbar-presence-settings{align-items:center;background:none;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--spacing-1);padding:var(--spacing-2);text-decoration:none;transition:all var(--transition-fast)}.navbar-presence-settings:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.navbar-presence-settings svg{height:14px;width:14px}.navbar-presence-empty{padding:var(--spacing-6) var(--spacing-4)}.navbar-presence-empty,.navbar-presence-loading{color:var(--color-text-secondary);text-align:center}.navbar-presence-loading{padding:var(--spacing-4)}.presence-user-info{align-items:center;display:flex;flex:1;gap:var(--spacing-2);min-width:0}.presence-online-dot{background-color:var(--color-success-500);border-radius:var(--radius-full);flex-shrink:0;height:8px;width:8px}.presence-user-name{color:var(--color-text-primary);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.presence-you-label{color:var(--color-text-tertiary);font-size:var(--text-xs);font-weight:400}.navbar-presence-user.is-current-user{background-color:var(--color-bg-secondary)}.presence-user-actions{display:flex;gap:var(--spacing-1)}.presence-action-btn{align-items:center;background:var(--color-bg-tertiary);border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;transition:background-color var(--transition-fast);width:28px}.presence-action-btn:hover{background:var(--color-primary-500);color:#fff}.presence-action-btn.presence-action-call:hover{background:var(--color-success-500)}.presence-action-btn svg{height:14px;width:14px}.federated-user{border-left:2px solid var(--color-primary-400);padding-left:var(--spacing-2)}.presence-online-dot.federated{background-color:var(--color-primary-400)}.village-badge{background:var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.75rem;margin-left:var(--spacing-1);padding:2px 6px;white-space:nowrap}.presence-section-divider{border-top:1px solid var(--color-border-default);color:var(--color-text-muted);font-size:.7rem;letter-spacing:.05em;margin-top:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);text-transform:uppercase}.nav-menu-list>.user-dropdown{align-items:center;display:flex}.user-dropdown{position:relative}.user-header-name{color:var(--color-text-primary);font-size:var(--text-base);font-weight:var(--font-weight-semibold)}.user-header-email{color:var(--color-text-secondary);font-size:var(--text-sm);margin-top:2px}.dropdown-item-icon{flex-shrink:0;font-size:16px;text-align:center;width:20px}.nav-dropdown{position:relative}.nav-dropdown-toggle{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:inherit;cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-weight-medium);gap:.5rem;padding:.5rem 1rem;transition:background-color .2s}.nav-dropdown-toggle:hover{background-color:var(--color-bg-secondary)}.nav-dropdown-toggle:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.nav-dropdown-menu{animation:slideDown var(--transition-fast);background:var(--color-bg-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);left:0;margin-top:.5rem;min-width:200px;position:absolute;top:100%;z-index:var(--z-dropdown)}.dropdown-align-right{left:auto;right:0}.dropdown-item-active{background-color:var(--color-primary-50);color:var(--color-primary-700);font-weight:var(--font-weight-medium)}[data-theme=dark] .dropdown-item-active{background-color:var(--color-primary-900);color:var(--color-primary-300)}.dropdown-submenu{position:relative}.dropdown-submenu-toggle{align-items:center;display:flex;justify-content:space-between;width:100%}.dropdown-submenu-toggle .dropdown-chevron{flex-shrink:0;margin-left:auto;transition:transform .2s}.dropdown-submenu-toggle[aria-expanded=true] .dropdown-chevron{transform:rotate(90deg)}.dropdown-submenu-content{animation:none;border-left:2px solid var(--color-border-default);margin-left:var(--spacing-4);margin-top:var(--spacing-1);padding-left:var(--spacing-4);position:static}.language-flag-inline{font-size:1.25rem;margin-right:.5rem}.theme-icon-inline{font-size:1.125rem;margin-right:.5rem}.nav-menu-mobile{background-color:var(--color-bg-primary);border-top:1px solid var(--color-border-default);display:none;flex-direction:column;gap:var(--spacing-2);max-height:calc(100vh - 60px);overflow-y:auto;padding:var(--spacing-4);padding-bottom:calc(var(--spacing-4) + env(safe-area-inset-bottom, 0px) + 60px);-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.nav-menu-mobile .nav-section-header{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;margin-top:var(--spacing-1);padding:var(--spacing-2) var(--spacing-4);text-transform:uppercase}.nav-menu-mobile .nav-link{border-radius:var(--radius-md);padding:var(--spacing-3) var(--spacing-4);text-align:left;transition:background-color var(--transition-fast);width:100%}.nav-menu-mobile .nav-link:hover{background-color:var(--color-bg-secondary)}.nav-menu-mobile .mobile-logout-btn{background-color:var(--color-error-50,#fef2f2);border:2px solid var(--color-error-200,#fecaca)!important;border-radius:var(--radius-md);color:var(--color-error-600,#dc2626)!important;cursor:pointer;display:block;font-size:var(--text-base);font-weight:var(--font-weight-semibold);padding:var(--spacing-3) var(--spacing-4);text-align:left;width:100%}.nav-menu-mobile .mobile-logout-btn:hover{background-color:var(--color-error-100,#fee2e2);color:var(--color-error-700,#b91c1c)!important}[data-theme=dark] .nav-menu-mobile .mobile-logout-btn{background-color:var(--color-error-950,#200a0a);border-color:var(--color-error-800,#991b1b)!important;color:var(--color-error-400,#f87171)!important}[data-theme=dark] .nav-menu-mobile .mobile-logout-btn:hover{background-color:var(--color-error-900,#450a0a);color:var(--color-error-300,#fca5a5)!important}.notification-badge{background-color:var(--color-danger,#dc2626);border-radius:10px;color:#fff;display:none;font-size:10px;font-weight:var(--font-weight-bold);min-width:16px;padding:2px 5px;position:absolute;right:4px;text-align:center;top:4px}.moderator-alerts-container{align-items:center;display:flex;position:relative}.moderator-alerts-btn{color:var(--color-text-secondary);padding:var(--spacing-2);position:relative}.moderator-alerts-btn:hover{color:var(--color-warning,#f59e0b)}.moderator-alerts-badge{background-color:var(--color-warning,#f59e0b);border-radius:10px;color:#fff;display:none;font-size:10px;font-weight:var(--font-weight-bold);min-width:16px;padding:2px 5px;position:absolute;right:4px;text-align:center;top:4px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.language-toast,.language-toast-error{animation:slideInRight .3s ease-out;border-radius:var(--radius-md);bottom:20px;box-shadow:var(--shadow-lg);font-size:var(--text-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-3) var(--spacing-4);position:fixed;right:20px;z-index:var(--z-tooltip)}.language-toast{background:var(--color-success-600);color:#fff}.language-toast-error{background:var(--color-error-600);color:#fff}@media (max-width:767px){.hide-mobile{display:none!important}.nav-container{padding:0 var(--spacing-3)}.nav-mobile-actions{align-items:center;display:flex!important;gap:var(--spacing-2);margin-left:auto;margin-right:var(--spacing-2)}.nav-mobile-actions .navbar-presence-container{margin:0}.nav-mobile-actions .notification-bell-container{position:relative}.nav-mobile-actions .notification-bell{padding:var(--spacing-2)}.nav-mobile-actions .notification-badge{align-items:center;background:var(--color-danger);border-radius:var(--radius-full);color:#fff;display:flex;font-size:10px;font-weight:var(--font-weight-semibold);height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:0;top:0}.language-selector-mobile{flex-wrap:wrap}.avatar-dropdown{border-radius:var(--radius-lg);left:8px;max-height:calc(100vh - 72px - env(safe-area-inset-bottom, 0px));max-width:none;overflow-y:scroll;position:fixed;right:8px;top:56px;width:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:calc(env(safe-area-inset-bottom, 0px) + 16px);scrollbar-width:auto;touch-action:pan-y}.avatar-dropdown .dropdown-item-logout{background:var(--color-bg-primary);border-top:2px solid var(--color-error-200,#fecaca);color:var(--color-error-600,#dc2626)!important;font-weight:var(--font-weight-semibold)!important;margin-top:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4)!important}.avatar-dropdown::-webkit-scrollbar{width:10px}.avatar-dropdown::-webkit-scrollbar-thumb{background:var(--color-gray-400);border:2px solid var(--color-bg-primary);border-radius:5px}}@media (min-width:768px){.show-mobile{display:none!important}.nav-container{padding:0 var(--spacing-6)}.language-selector-compact{display:flex!important}}@media (min-width:1024px){.nav-container{padding:0 var(--spacing-8)}.avatar-name{display:block}}[data-theme=dark] .nav{background-color:var(--color-gray-900);border-bottom-color:var(--color-gray-700)}[data-theme=dark] .dropdown-menu{background-color:var(--color-gray-800);border-color:var(--color-gray-700)}[data-theme=dark] .dropdown-user-header{background-color:var(--color-gray-900);border-bottom-color:var(--color-gray-700)}[data-theme=dark] .dropdown-item{color:var(--color-gray-100)}[data-theme=dark] .dropdown-item:hover{background-color:var(--color-gray-700);color:var(--color-gray-50)}[data-theme=dark] .dropdown-section-header{color:var(--color-gray-400)}[data-theme=dark] .dropdown-section-toggle{color:var(--color-gray-300)}[data-theme=dark] .dropdown-section-toggle:hover{background-color:var(--color-gray-700)}[data-theme=dark] .language-flag-btn-mobile.active,[data-theme=dark] .language-flag-btn.active{background:var(--color-primary-900);border-color:var(--color-primary-500)}[data-theme=dark] .theme-toggle-btn:hover{background:var(--color-gray-700)}[data-theme=dark] .avatar-button:hover{background:var(--color-gray-800)}@media (max-width:767px){.btn-ghost{min-height:44px;min-width:44px}}.dropdown-item:focus-visible,.nav-link:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--color-primary-500);outline-offset:2px}@media (prefers-reduced-motion:reduce){.avatar-button,.dropdown-menu,.language-flag-btn,.language-flag-btn-mobile,.language-toast,.language-toast-error,.theme-toggle-btn{animation:none!important;transition:none!important}}@media (prefers-contrast:high){.nav{border-bottom-width:2px}.dropdown-menu{border-width:2px}.language-flag-btn-mobile.active,.language-flag-btn.active{border-width:3px}}.status-selector{position:relative}.status-selector-btn{align-items:center;background:var(--color-bg-primary,#fff);border:1px solid var(--color-border,#e5e7eb);border-radius:6px;cursor:pointer;display:flex;font-size:var(--text-sm,.875rem);gap:6px;padding:6px 10px;transition:border-color .15s}.status-selector-btn:hover{border-color:var(--color-border-hover,#d1d5db)}.status-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.status-chevron{opacity:.5}.status-selector-dropdown{background:var(--color-bg-primary,#fff);border:1px solid var(--color-border,#e5e7eb);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);left:0;margin-top:4px;min-width:200px;overflow:hidden;position:absolute;top:100%;z-index:50}.status-option{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:10px;padding:10px 12px;text-align:left;transition:background .1s;width:100%}.status-option:hover{background:var(--color-bg-secondary,#f9fafb)}.status-option.active{background:var(--color-bg-secondary,#f3f4f6)}.status-option-text{flex:1}.status-option-label{color:var(--color-text-primary,#111827);display:block;font-size:var(--text-sm,.875rem);font-weight:500}.status-option-desc{color:var(--color-text-secondary,#6b7280);display:block;font-size:var(--text-xs,.75rem)}.status-check{color:var(--color-primary,#3b82f6);flex-shrink:0}.online-contacts-overlay{background:transparent;inset:0;position:fixed;transition:background .2s ease;z-index:1000}.online-contacts-overlay.visible{background:rgba(0,0,0,.3)}.online-contacts-overlay.closing{background:transparent}.online-contacts-sheet{background:var(--color-bg-primary,#fff);border-radius:16px 16px 0 0;bottom:0;box-shadow:0 -4px 20px rgba(0,0,0,.15);display:flex;flex-direction:column;left:0;max-height:70vh;overflow:hidden;position:fixed;right:0;transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1)}.online-contacts-overlay.visible .online-contacts-sheet{transform:translateY(0)}.online-contacts-overlay.closing .online-contacts-sheet{transform:translateY(100%)}.online-contacts-handle{background:#d1d5db;border-radius:2px;height:4px;margin:8px auto;width:36px}.online-contacts-header{align-items:center;border-bottom:1px solid var(--color-border,#e5e7eb);display:flex;padding:8px 16px 12px}.online-contacts-header h3{color:var(--color-text-primary,#111827);font-size:1.1rem;font-weight:600;margin:0}.online-contacts-count{background:#22c55e;border-radius:10px;color:#fff;font-size:.75rem;font-weight:600;margin-left:8px;padding:2px 8px}.online-contacts-close{background:none;border:none;color:var(--color-text-secondary,#6b7280);cursor:pointer;font-size:1.5rem;line-height:1;margin-left:auto;padding:4px 8px}.online-contacts-list{flex:1;overflow-y:auto;padding:8px 0}.online-contacts-empty{color:var(--color-text-secondary,#6b7280);font-size:var(--text-sm,.875rem);padding:32px 16px;text-align:center}.online-contact-item{align-items:center;display:flex;justify-content:space-between;padding:10px 16px;transition:background .1s}.online-contact-item:hover{background:var(--color-bg-secondary,#f9fafb)}.online-contact-info{align-items:center;display:flex;flex:1;gap:10px;min-width:0}.online-contact-dot{background:#22c55e;border-radius:50%;flex-shrink:0;height:8px;width:8px}.online-contact-name{color:var(--color-text-primary,#111827);font-size:var(--text-sm,.875rem);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online-contact-activity{color:var(--color-text-secondary,#6b7280);font-size:var(--text-xs,.75rem)}.online-contact-actions{display:flex;flex-shrink:0;gap:4px}.online-contact-actions button{background:var(--color-bg-primary,#fff);border:1px solid var(--color-border,#e5e7eb);border-radius:6px;color:var(--color-text-secondary,#6b7280);cursor:pointer;padding:6px;transition:all .15s}.online-contact-actions button:hover{background:var(--color-bg-secondary,#f3f4f6);border-color:var(--color-primary,#3b82f6);color:var(--color-primary,#3b82f6)}@media (min-width:768px){.online-contacts-sheet{border-radius:12px;bottom:auto;left:50%;max-height:60vh;opacity:0;position:fixed;right:auto;top:50%;transform:translate(-50%,-50%) scale(.95);transition:transform .2s ease,opacity .2s ease;width:400px}.online-contacts-overlay.visible .online-contacts-sheet{opacity:1;transform:translate(-50%,-50%) scale(1)}.online-contacts-overlay.closing .online-contacts-sheet{opacity:0;transform:translate(-50%,-50%) scale(.95)}.online-contacts-handle{display:none}}