html,body,#root{min-height:100%}:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#0f172a;background:linear-gradient(160deg,#eef6ff,#f9fbff 60%,#ebf7f2)}*{box-sizing:border-box}body{margin:0}.layout{max-width:1100px;margin:0 auto;padding:1rem}.topbar h1{margin-bottom:.25rem}.topbar p{margin-top:0}.card{background:#ffffffeb;border:1px solid #d5e4f3;border-radius:12px;padding:1rem}.chatShell{display:grid;grid-template-columns:260px 1fr;gap:1rem}.sidebar{display:flex;flex-direction:column;gap:.75rem}.status{text-transform:capitalize;font-weight:600}.status.connected{color:#166534}.status.connecting{color:#92400e}.status.disconnected{color:#b91c1c}.stack{display:flex;flex-direction:column;gap:.5rem}.contactList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.contactList button{width:100%;text-align:left}.contactList button.active{background:#e2ebff}.thread{min-height:70vh;display:flex;flex-direction:column}.messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem;padding:.25rem}.bubble{max-width:75%;border-radius:10px;padding:.6rem;border:1px solid #d7dee7}.bubble.incoming{background:#fff}.bubble.outgoing{margin-left:auto;background:#e9f3ff}.meta{font-size:.78rem;color:#334155;margin-bottom:.25rem}.compose{display:flex;flex-direction:column;gap:.5rem}textarea,input,button{font:inherit}textarea,input{border-radius:8px;border:1px solid #bfd1e8;padding:.55rem}button{border:1px solid #5f84b4;background:#eef5ff;border-radius:8px;padding:.45rem .7rem;cursor:pointer}.error{margin-top:.75rem;color:#b91c1c;font-weight:600}@media(max-width:900px){.chatShell{grid-template-columns:1fr}.thread{min-height:55vh}}