/* CHAT */
.chat-area{display:none;flex-direction:column;flex:1;overflow:hidden;z-index:1;position:relative}
.chat-area.hidden{display:none}
/* === DOCK CHAT CSS (v2 rewrite) === */
/* DOCKED state: chat fixed to bottom */
.app.chat-docked #chatArea{display:flex !important;position:fixed !important;bottom:0;left:200px;right:0;border-top:2px solid var(--pb-border);z-index:100;box-shadow:0 -4px 16px rgba(0,0,0,0.25);transition:height .15s ease;background:var(--pb-bg, rgba(10,14,26,0.98))}
/* DOCKED-EXPANDED state: chat fullscreen while dock is active */
.app.chat-docked.dock-expanded #chatArea{position:static !important;height:auto !important;border-top:none;box-shadow:none;flex:1}
.app.chat-docked.dock-expanded .dock-resize{display:none}
/* Dock buttons (chat header) */
.dock-btn{background:none;border:1px solid var(--pb-border);border-radius:6px;padding:4px 8px;cursor:pointer;color:var(--pb-text-dim);display:flex;align-items:center;gap:4px;font-size:10px;font-family:inherit;font-weight:600;transition:all .15s}
.dock-btn:hover{color:var(--pb-text);border-color:var(--pb-blue);background:rgba(42,147,193,0.08)}
.dock-btn svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* Resize handle */
.dock-resize{display:none}
.app.chat-docked .dock-resize{display:block;position:absolute;top:-4px;left:0;right:0;height:8px;cursor:row-resize;z-index:101}
.app.chat-docked .dock-resize::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:3px;border-radius:2px;background:var(--pb-text-dim);opacity:0.3;transition:opacity .15s,background .15s}
.app.chat-docked .dock-resize:hover{background:rgba(42,147,193,0.15)}
.app.chat-docked .dock-resize:hover::after{opacity:0.7;background:var(--pb-blue)}
/* Topnav dock toggle */
.topnav-dock{background:none;border:1px solid var(--pb-border);border-radius:6px;padding:3px 8px;cursor:pointer;color:var(--pb-text-dim);display:flex;align-items:center;gap:4px;font-size:10px;font-family:inherit;font-weight:600;transition:all .15s}
.topnav-dock:hover{color:var(--pb-text);border-color:var(--pb-blue);background:rgba(42,147,193,0.08)}
.topnav-dock svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.topnav-dock.docked{color:var(--pb-blue-light);border-color:var(--pb-blue);background:rgba(42,147,193,0.1)}
/* Promoted inbox/cc panels when docked — shown in main-col above the dock */
.docked-promoted-panel{flex:1;overflow:hidden;z-index:1;position:relative;background:rgba(10,14,26,0.92)}
/* Mobile: dock completely disabled */
@media(max-width:1024px){.topnav-dock{display:none}.dock-btn{display:none !important}.app.chat-docked #chatArea{position:static !important;left:auto !important;right:auto !important;bottom:auto !important;border-top:none !important;box-shadow:none !important;height:auto !important;max-height:none !important;z-index:1 !important}.app.chat-docked .dock-resize{display:none !important}}