:root{--m-navy:#081526;--m-ink:#12253a;--m-muted:#718398;--m-line:#e4ebf2;--m-surface:#fff;--m-teal:#39c9c1}body{background:#eaf0f5;color:var(--m-ink)}.mock-app{display:flex;min-height:100vh}.mock-rail{width:74px;flex:0 0 74px;display:flex;flex-direction:column;align-items:center;padding:18px 0;background:var(--m-navy);color:#afc0d2}.mock-mark{width:42px;height:42px;display:grid;place-items:center;margin-bottom:30px;border:2px solid var(--m-teal);border-radius:50%;color:#fff;font-weight:800;font-size:21px;text-decoration:none}.rail-btn{width:42px;height:42px;margin:6px auto;border:0;border-radius:11px;color:#a8bbcf;background:transparent;font-size:20px}.rail-btn.active,.rail-btn:hover{color:#fff;background:#1d3b5e}.rail-spacer{flex:1}.mock-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:#09202a;background:#68dfd5;font-size:11px;font-weight:800;overflow:hidden}.mock-workspace{min-width:0;flex:1;display:flex;flex-direction:column}.mock-topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:var(--m-surface);border-bottom:1px solid var(--m-line)}.mock-brand{display:flex;align-items:center;gap:12px}.mock-brand span:last-child{color:var(--m-muted);font-size:13px}.status-dot{width:9px;height:9px;border-radius:50%;background:#54c785;box-shadow:0 0 0 4px #54c7851f}.mock-actions{display:flex;align-items:center;gap:9px}.language-label{color:var(--m-muted);font-size:11px}.mock-actions select{height:34px;border:1px solid var(--m-line);border-radius:8px;background:#fff;color:var(--m-ink);padding:0 8px}.icon-btn,.signout{height:34px;border:1px solid var(--m-line);border-radius:8px;background:#fff;color:#587088;padding:0 10px;cursor:pointer}.signout{font-size:12px}.mock-body{min-height:0;flex:1;display:grid;grid-template-columns:278px minmax(520px,1fr) 220px}.mock-sidebar{padding:22px 14px;background:#f8fafc;border-right:1px solid var(--m-line);overflow:auto}.mock-sidebar-heading{display:flex;justify-content:space-between;align-items:center;padding:0 10px 18px;color:#8292a3;font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.mock-sidebar-heading button{border:0;background:transparent;color:#637a91;font-size:18px}.mock-section-title{margin:10px 10px 8px;color:#8292a3;font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.mock-list{display:grid;gap:3px;margin-bottom:24px}.mock-empty{padding:12px 10px;color:#91a1b0;font-size:12px}.conversation-item{width:100%;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:#415970;text-align:left;font:inherit;cursor:pointer}.conversation-item:hover,.conversation-item.active{background:#dff6f3;color:#12253a;font-weight:700}.privacy-settings{border-top:1px solid var(--m-line);padding-top:18px;color:var(--m-muted);font-size:12px}.privacy-settings label{display:block;margin:8px 0 5px}.privacy-settings select{width:100%;padding:8px;border:1px solid #d4e0e9;border-radius:8px;background:#fff;color:var(--m-ink)}.box-actions{display:grid;gap:5px;margin-top:10px}.box-actions button{border:0;background:transparent;color:#587088;text-align:left;font-size:11px;cursor:pointer}.mock-conversation{min-width:0;display:flex;flex-direction:column;background:#fff}.mock-conversation-head{min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:15px 28px;border-bottom:1px solid var(--m-line)}.conversation-name{display:flex;align-items:center;gap:12px;min-width:0}.channel-symbol{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:#176f6b;background:#dff6f3;font-size:18px}.conversation-name strong{display:block;font-size:16px}.conversation-name small{display:block;margin-top:3px;color:var(--m-muted);font-size:12px}.mock-badge{border:1px solid var(--m-teal);border-radius:99px;color:#177d78;padding:6px 10px;font-size:11px}.mock-messages{flex:1;min-height:300px;padding:25px 28px;overflow:auto;background:linear-gradient(#fff,#fbfdff)}.mock-welcome{text-align:center;margin:70px auto;max-width:540px;color:var(--m-muted)}.welcome-mark{display:grid;place-items:center;width:62px;height:62px;margin:auto;border-radius:50%;background:var(--m-teal);color:#06202b;font-weight:800;font-size:24px}.mock-welcome h3{color:var(--m-ink);font-size:22px}.mock-welcome p{font-size:14px}.mock-welcome dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:24px}.mock-welcome dl div{padding:10px;border:1px solid var(--m-line);border-radius:9px}.mock-welcome dt{font-size:10px;text-transform:uppercase}.mock-welcome dd{margin:5px 0 0;color:#168c87;font-size:12px}.mock-messages .pilot-message{max-width:78%;margin:0 0 12px;padding:10px 13px;border:0;border-radius:11px;background:#f5f8fb;color:var(--m-ink);box-shadow:none}.mock-messages .pilot-message.outgoing{margin-left:auto;background:#dff6f3}.mock-messages .pilot-message span{color:#168c87}.mock-composer-wrap{padding:0 28px 18px;background:#fff}.mock-composer{border:1px solid #cddae5;border-radius:12px;background:#fff;box-shadow:0 5px 20px #11314e0f}.mock-composer textarea{display:block;width:100%;min-height:54px;padding:15px 16px 9px;border:0;outline:0;resize:vertical;color:var(--m-ink);background:transparent;font:inherit;line-height:1.4}.composer-actions{display:flex;align-items:center;justify-content:space-between;padding:8px 9px}.composer-tools{display:flex;align-items:center;gap:5px;min-width:0}.tool-btn{width:34px;height:31px;border:0;border-radius:7px;color:#6f8295;background:transparent;font-size:18px;cursor:pointer}.tool-btn:hover{color:#1b7e7a;background:#eaf8f6}.composer-tools #pilotStatus{color:#9ba9b7;font-size:10px}.send-btn{height:32px;padding:0 14px;border:0;border-radius:8px;color:#07373a;background:#68dfd5;font-size:12px;font-weight:800;cursor:pointer}.legal-note{margin-top:8px;color:#9ba9b7;font-size:10px;text-align:right}.mock-network{padding:22px 15px;background:#fbfdff;border-left:1px solid var(--m-line);overflow:auto}.mock-network h2{margin:0 0 10px;color:#8292a3;font-size:11px;letter-spacing:.11em;text-transform:uppercase}.mock-network ul{padding:0;margin:0 0 25px;list-style:none}.mock-network li{padding:8px 0;border-bottom:1px solid var(--m-line);font-size:12px}.mock-network li small{display:block;color:#8292a3;margin-top:3px}.group-tools button{width:100%;padding:8px;border:1px solid var(--m-teal);border-radius:8px;background:transparent;color:#177d78;font-size:11px;cursor:pointer}.emoji-panel{position:absolute;left:4px;bottom:48px;display:flex;flex-wrap:wrap;gap:1px;width:210px;padding:3px;background:transparent}.emoji-panel button{border:0;background:transparent;padding:3px;font-size:18px;cursor:pointer}.emoji-panel[hidden]{display:none}.mock-composer>div{position:relative}@media(max-width:900px){.mock-body{grid-template-columns:240px minmax(0,1fr)}.mock-network{display:none}}@media(max-width:650px){.mock-rail{width:56px;flex-basis:56px}.mock-brand span:last-child,.language-label{display:none}.mock-topbar{padding:0 14px}.mock-body{display:block}.mock-sidebar{position:absolute;top:74px;bottom:0;left:56px;width:280px;z-index:3;transform:translateX(-110%);transition:.2s}.mock-conversation{min-height:calc(100vh - 74px)}.mock-composer-wrap{padding:0 14px 14px}.mock-messages{padding:18px 14px}}
:root{--m-navy:#081526;--m-ink:#12253a;--m-muted:#718398;--m-line:#e4ebf2;--m-surface:#fff;--m-teal:#39c9c1}body{background:#eaf0f5;color:var(--m-ink)}
:root{--m-navy:#081526;--m-ink:#12253a;--m-muted:#718398;--m-line:#e4ebf2;--m-surface:#fff;--m-teal:#39c9c1}body{background:#eaf0f5;color:var(--m-ink)}
body.theme-dark{--m-ink:#edf8fb;--m-muted:#a6bac8;--m-line:#274455;--m-surface:#0b2232;background:#071827;color:var(--m-ink)}body.theme-dark .mock-topbar,body.theme-dark .mock-conversation,body.theme-dark .mock-composer-wrap,body.theme-dark .mock-composer{background:#0b2232}body.theme-dark .mock-sidebar,body.theme-dark .mock-network{background:#091b2a}body.theme-dark .mock-sidebar-heading,body.theme-dark .mock-section-title,body.theme-dark .mock-network h2{color:#61e5d4}body.theme-dark .conversation-item{color:#bbd0df}body.theme-dark .conversation-item:hover,body.theme-dark .conversation-item.active{background:#164956;color:#fff}body.theme-dark .mock-actions select,body.theme-dark .icon-btn,body.theme-dark .signout,body.theme-dark .privacy-settings select{background:#071827;color:#f2f9ff;border-color:#476171}body.theme-dark .mock-messages{background:linear-gradient(#0b2232,#091b2a)}body.theme-dark .mock-messages .pilot-message{background:#103846;color:#f2f9ff}body.theme-dark .mock-messages .pilot-message.outgoing{background:#164956}body.theme-dark .mock-welcome h3,body.theme-dark .mock-messages .pilot-message p{color:#f2f9ff}body.theme-dark .mock-composer textarea{color:#f2f9ff}
.pilot-message-content{display:flex;align-items:flex-end;gap:10px;min-width:0}.pilot-message-content p{margin:0;min-width:0;overflow-wrap:anywhere}.pilot-message-content time{flex:0 0 auto;color:#7c8fa1;font-size:10px;line-height:1.4;white-space:nowrap}.mock-messages .pilot-message.outgoing .pilot-message-content time{color:#3f8884}