.support-page{min-height:100vh;background:#0a0a0a;padding:2rem 0}.support-page__container{max-width:1400px;margin:0 auto;height:calc(100vh - 4rem);display:flex;gap:0;background:#1a1a1a;border-radius:.75rem;overflow:hidden;box-shadow:0 1px 3px 0 rgba(0,0,0,.3);border:1px solid #2a2a2a}.support-page__list{width:350px;flex-shrink:0;height:100%;overflow:hidden}.support-page__conversation{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden;background:#0d0d0d}.support-page__conversation-header{padding:1rem 1.5rem;border-bottom:1px solid #2a2a2a;background:#1a1a1a;display:flex;justify-content:space-between;align-items:center}.support-page__conversation-title h3{margin:0;font-size:1.125rem;font-weight:600;color:#ececec}.support-page__conversation-title p{margin:.25rem 0 0;font-size:.875rem;color:#9ca3af}.support-page__connection-status{font-size:.875rem}.status-connected{color:#10b981}.status-disconnected{color:#ef4444}.support-page__no-selection{flex:1;display:flex;align-items:center;justify-content:center;color:#6b7280}.support-page__back-button{background:none;border:none;font-size:1rem;color:#8b5cf6;cursor:pointer;padding:.5rem;margin-right:.5rem}.support-page__header-actions{display:flex;align-items:center;gap:1rem}.support-page__close-button{padding:.5rem 1rem;background:#3a1e1e;color:#fca5a5;border:1px solid #5a2e2e;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.support-page__close-button:hover{background:#4a2424;border-color:#7a3e3e;color:#fecaca}.support-page__close-button:active{transform:scale(.98)}.support-page__login-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;text-align:center}.support-page__login-prompt h2{margin-bottom:1.5rem;color:#ececec}.support-page__login-prompt button{background:#8b5cf6;color:#fff;border:none;padding:.75rem 2rem;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.support-page__login-prompt button:hover{background:#7c3aed}@media (max-width:768px){.support-page{padding:0}.support-page__container{height:100vh;border-radius:0;max-width:none;border:none}.support-page__conversation,.support-page__list{width:100%}.support-page__conversation-header{padding:1rem}.support-page__conversation-title h3{font-size:1rem}.support-page__conversation-title p{font-size:.8125rem}}