.shell{background:var(--bg);grid-template-columns:72px 320px 1fr;height:100%;min-height:100vh;display:grid}.chat-rail{background:linear-gradient(180deg, #24302b, var(--rail));color:#dce7e1;flex-direction:column;align-items:center;gap:1rem;padding:1rem .5rem;display:flex}.rail-brand{background:var(--accent);color:#fff;border-radius:12px;place-items:center;width:42px;height:42px;font-family:"Source Serif 4",Georgia,serif;font-weight:700;display:grid}.rail-item{width:100%;color:inherit;text-align:center;background:#ffffff14;border:0;border-radius:12px;padding:.7rem .35rem;font-size:.75rem}.rail-item.active{background:#128c5b59}.chat-list-pane,.chat-thread-pane{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;min-width:0;height:100%;display:flex}.chat-thread-pane{background:linear-gradient(#128c5b0a,#0000 180px),#eef2f0;border-right:0}.list-header,.thread-header{border-bottom:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;display:flex}.eyebrow{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:700}.list-header h1,.thread-header h2,.thread-empty h2{margin:.15rem 0 0;font-family:"Source Serif 4",Georgia,serif;font-size:1.45rem}.live-dot{color:var(--muted);align-items:center;gap:.4rem;font-size:.85rem;display:inline-flex}.live-dot:before{content:"";background:#c2a14b;border-radius:50%;width:.5rem;height:.5rem}.live-dot.on:before{background:var(--accent);box-shadow:0 0 0 4px #128c5b26}.search-box{border-bottom:1px solid var(--line);padding:.75rem 1rem}.search-box input{border:1px solid var(--line);width:100%;color:var(--text);background:#f3f5f4;border-radius:999px;padding:.65rem .9rem}.conversation-scroll,.thread-scroll{flex:1;overflow:auto}.conversation-item{border:0;border-bottom:1px solid var(--line);text-align:left;width:100%;color:inherit;background:0 0;grid-template-columns:auto 1fr;gap:.75rem;padding:.9rem 1rem;display:grid}.conversation-item:hover,.conversation-item.selected{background:var(--accent-soft)}.avatar{color:#195c3f;background:#d9e8df;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:.85rem;font-weight:700;display:grid}.avatar.large{width:46px;height:46px}.conversation-body{min-width:0}.conversation-top,.conversation-bottom,.thread-person,.thread-actions{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.conversation-top strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.conversation-top time,.conversation-bottom p,.thread-header p,.pane-empty,.thread-empty p{color:var(--muted);margin:0;font-size:.85rem}.conversation-bottom p{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.unread{background:var(--accent);color:#fff;border-radius:999px;place-items:center;min-width:1.25rem;height:1.25rem;padding:0 .35rem;font-size:.72rem;font-weight:700;display:inline-grid}.pane-empty,.thread-empty{color:var(--muted);padding:2rem 1.25rem}.thread-empty{text-align:center;margin:auto}.thread-person{justify-content:flex-start}.secondary{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:999px;padding:.45rem .85rem}.secondary:hover{background:#f5f7f6}.thread-error{color:var(--danger);background:#fdece9;border-bottom:1px solid #f3c7c0;margin:0;padding:.65rem 1rem}.thread-scroll{flex-direction:column;gap:.65rem;padding:1.25rem 1.25rem .5rem;display:flex}.day-separator{justify-content:center;margin:.35rem 0 .55rem;display:flex}.day-separator span{border:1px solid var(--line);color:var(--muted);box-shadow:var(--shadow);background:#ffffffe6;border-radius:999px;padding:.25rem .7rem;font-size:.75rem}.bubble-row{display:flex}.bubble-row.in{justify-content:flex-start}.bubble-row.out{justify-content:flex-end}.bubble{max-width:min(70%,560px);box-shadow:var(--shadow);border:1px solid #0000000a;border-radius:14px;padding:.7rem .85rem .45rem}.bubble-row.in .bubble{background:var(--inbound);border-bottom-left-radius:4px}.bubble-row.out .bubble{background:var(--outbound);border-bottom-right-radius:4px}.bubble p{white-space:pre-wrap;word-break:break-word;margin:0}.bubble time{text-align:right;color:var(--muted);margin-top:.35rem;font-size:.72rem;display:block}.composer{background:var(--panel);border-top:1px solid var(--line);grid-template-columns:1fr auto;align-items:end;gap:.75rem;padding:.9rem 1rem 1rem;display:grid}.composer textarea{resize:none;border:1px solid var(--line);width:100%;min-height:46px;max-height:140px;color:var(--text);background:#f7f8f9;border-radius:14px;padding:.75rem .9rem}.composer button{background:var(--accent);color:#fff;border:0;border-radius:12px;padding:.75rem 1.1rem;font-weight:600}.composer button:disabled{opacity:.55;cursor:not-allowed}@media (width<=900px){.shell{grid-template-rows:auto 40vh 1fr;grid-template-columns:1fr}.chat-rail{flex-direction:row;justify-content:space-between;padding:.65rem .85rem}.chat-list-pane{border-right:0;border-bottom:1px solid var(--line)}}:root{--bg:#f5f6f8;--panel:#fff;--rail:#1f2421;--line:#e4e7ec;--text:#1b2420;--muted:#66756d;--accent:#128c5b;--accent-soft:#e7f6ef;--inbound:#fff;--outbound:#d8f3e6;--danger:#c64b3c;--shadow:0 1px 2px #1018280f;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,system-ui,sans-serif;line-height:1.4}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}