.main-chat-panel{display:flex;height:100%;overflow:hidden}.chat-layout{display:flex;flex-direction:row;width:100%;height:100%;overflow:hidden}.chat-sidebar{width:260px;background:linear-gradient(180deg,var(--mui-palette-sidebar-from) 0%,var(--mui-palette-sidebar-to) 100%);color:#fff;display:flex;flex-direction:column;border-right:1px solid var(--mui-palette-sidebar-border);overflow-y:auto;flex-shrink:0;padding:16px 0}.chat-sidebar::-webkit-scrollbar{width:8px}.chat-sidebar::-webkit-scrollbar-track{background:#ffffff0d}.chat-sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.chat-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.sidebar-section-header{color:#ffffffb3!important;font-weight:600!important;font-size:.8125rem!important;padding:8px 16px!important;text-transform:uppercase;letter-spacing:0}.channel-list{padding:0!important}.channel-item{padding:4px 16px!important;border-radius:6px;margin:1px 8px!important;cursor:pointer;transition:background-color .15s ease}.channel-item:hover{background-color:#ffffff1a!important}.channel-item.selected{background-color:#ffffff40!important;box-shadow:inset 0 0 0 1px #ffffff4d}.channel-name{color:#ffffffd9;font-size:.9375rem;font-weight:400}.channel-item.selected .channel-name{color:#fff;font-weight:600}.unread-badge{background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;font-size:.625rem;font-weight:700;padding:2px 6px;border-radius:10px;letter-spacing:0;box-shadow:0 2px 4px #0003;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.chat-main-area{flex:1;display:flex;flex-direction:column;background-color:var(--mui-palette-background-paper);overflow:hidden}.chat-header{height:60px;padding:0 20px;border-bottom:1px solid var(--mui-palette-divider);display:flex;align-items:center;background-color:var(--mui-palette-background-paper);flex-shrink:0;box-shadow:0 1px #00000008}.chat-header-title{font-size:1.125rem!important;font-weight:700!important;color:var(--mui-palette-text-primary)}.mobile-chat-back-button{display:none!important;flex-shrink:0}.chat-messages-area{flex:1;overflow-y:auto;padding:20px;background-color:var(--mui-palette-background-paper);scroll-behavior:smooth}.chat-messages-area::-webkit-scrollbar{width:8px}.chat-messages-area::-webkit-scrollbar-track{background:var(--mui-palette-background-default)}.chat-messages-area::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.chat-messages-area::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.empty-state{display:flex;align-items:center;justify-content:center;height:100%;text-align:center}.message-item{padding:4px 0;margin-bottom:8px;line-height:1.46668;transition:background-color .1s ease}.message-item:hover{background-color:var(--mui-palette-action-hover)}.message-header{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.message-sender{font-size:.9375rem!important;font-weight:700!important;line-height:1.2}.message-time{font-size:.75rem!important;color:var(--mui-palette-text-secondary);line-height:1.2}.message-text{color:var(--mui-palette-text-primary);font-size:.9375rem!important;word-wrap:break-word;white-space:pre-wrap;line-height:1.46668;margin:0}.chat-input-area{padding:16px 20px 24px;background-color:var(--mui-palette-background-paper);border-top:1px solid var(--mui-palette-divider);flex-shrink:0}@media(max-width:900px){.chat-sidebar{width:220px}}@media(max-width:600px){.chat-sidebar{width:100%;border-right:0}.main-chat-panel--conversation-list .chat-sidebar{display:flex}.main-chat-panel--conversation-list .chat-main-area,.main-chat-panel--conversation-selected .chat-sidebar{display:none}.main-chat-panel--conversation-selected .chat-main-area{display:flex;width:100%}.mobile-chat-back-button{display:inline-flex!important}.chat-header{gap:8px;height:auto;min-height:56px;padding:8px 12px}.chat-header-title{font-size:1rem!important}.chat-messages-area{padding:14px 12px}.chat-input-area{padding:10px 12px 14px}.sidebar-section-header{font-size:.75rem!important}.channel-name{font-size:.875rem}}.app-container{display:flex;flex-direction:column;height:100%;overflow:hidden;background-color:var(--mui-palette-background-default)}.top-toolbar{background-color:var(--mui-palette-background-paper);border-bottom:1px solid var(--mui-palette-divider);box-shadow:0 1px 2px #0000000d;z-index:10;flex-shrink:0;overflow:hidden}.home-toolbar{max-height:50vh}.home-toolbar--chat{max-height:none}.home-toolbar--buttons{flex:1;max-height:none;min-height:0}.home-toolbar-container{display:flex!important;flex-direction:column;gap:12px;height:100%;min-height:0;padding:8px 24px!important}.home-toolbar-header{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}.home-identity-actions,.home-view-actions,.home-settings{display:flex;align-items:center;gap:12px}.home-identity-actions{min-width:0}.home-profile-title{color:var(--mui-palette-text-secondary);font-weight:600!important;overflow-wrap:anywhere}.home-view-actions{flex-wrap:wrap;justify-content:flex-end;margin-left:auto}.home-view-switcher .MuiToggleButton-root{min-width:72px;padding:5px 12px;text-transform:none;font-size:.8125rem;line-height:1.2}.home-settings{flex-wrap:wrap;row-gap:6px}.home-setting-toggle{display:flex;align-items:center;cursor:pointer;font-size:.75rem;white-space:nowrap}.home-setting-toggle input{margin:0 4px 0 0}.hidden-board-summary{display:flex;align-items:center;gap:8px;color:var(--mui-palette-text-secondary);min-height:24px}.hidden-board-summary .MuiButton-root{min-width:auto;padding:0 6px;text-transform:none}.button-board{display:flex;flex-direction:column;gap:18px;min-height:0;overflow-y:auto;padding-bottom:10px}.home-toolbar--both .button-board{max-height:calc(50vh - 72px)}.button-board--primary{flex:1;max-height:none;padding:8px 0 24px}.button-section{display:flex;flex-direction:column;gap:8px}.button-section-title{color:var(--mui-palette-text-secondary);font-weight:600!important;letter-spacing:0;text-transform:uppercase}.button-grid{display:flex;flex-wrap:wrap;gap:8px}.button-board::-webkit-scrollbar{width:8px;height:8px}.button-board::-webkit-scrollbar-track{background:#f1f1f1}.button-board::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.button-board::-webkit-scrollbar-thumb:hover{background:#555}.chat-container{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.chat-container--hidden{display:none}.chat-container--priority{flex:1 1 auto}@media(max-width:900px){.home-toolbar-container{padding:8px 16px!important}.home-toolbar-header{align-items:flex-start;flex-direction:column;gap:10px}.home-view-actions{justify-content:space-between;margin-left:0;width:100%}}@media(max-width:600px){.home-toolbar{max-height:45vh}.home-toolbar--chat,.home-toolbar--buttons{max-height:none}.home-toolbar-container{gap:8px;padding:8px 12px!important}.home-identity-actions{align-items:flex-start;flex-wrap:wrap;gap:8px}.home-profile-title{font-size:1.2rem!important;line-height:1.25!important}.home-view-actions{align-items:flex-start;flex-direction:column;gap:8px}.home-view-switcher{width:100%}.home-view-switcher .MuiToggleButton-root{flex:1;min-width:0;padding-left:8px;padding-right:8px}.home-settings{width:100%}.home-toolbar--both .button-board{max-height:calc(45vh - 92px)}.button-board{gap:14px}}.private-chat-header{color:var(--mui-palette-primary-main)}.private-chat-group-header{color:var(--mui-palette-success-main)}