:root { --sidebar-w: 250px; }
body { background: #f4f6f9; }
.sidebar { width: var(--sidebar-w); min-height: 100vh; flex-shrink: 0; background: #1b2433; }
.sidebar .brand { padding: 1rem 1.25rem; font-weight: 600; font-size: 1.05rem; color: #fff; border-bottom: 1px solid rgba(255,255,255,.08); }
.sidebar-heading { padding: 1rem 1.25rem .35rem; font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; color: #7c8aa5; }
.sidebar .nav-link { color: #c3cbdb; padding: .45rem 1.25rem; font-size: .9rem; display: flex; align-items: center; gap: .6rem; }
.sidebar .nav-link:hover { background: rgba(255,255,255,.06); color: #fff; }
.sidebar .nav-link.active { background: #2f6fed; color: #fff; }
.sidebar .badge-phase { margin-left: auto; font-size: .6rem; background: rgba(255,255,255,.12); color: #aab5cc; }
.min-w-0 { min-width: 0; }
.stat-card .stat-value { font-size: 1.8rem; font-weight: 600; }
.stat-card.planned { opacity: .6; }
.token-box { font-family: SFMono-Regular, Menlo, Consolas, monospace; word-break: break-all; }
@media (max-width: 991px) { .sidebar { position: fixed; z-index: 1040; left: calc(-1 * var(--sidebar-w)); transition: left .2s; } .sidebar.open { left: 0; } }

/* Conversation workspace inspired by the supplied TRUBLU reference. */
:root{--sidebar-w:246px;--sms-ink:#151515;--sms-muted:#8a8d93;--sms-border:#dedfe3;--sms-bg:#f5f4fa}
body{background:var(--sms-bg);color:#171717}.sidebar{background:#fff;color:#111;border-right:1px solid #ececf0}.sidebar .brand{color:#101010;border-bottom:0;padding:1.45rem 1.25rem;font-size:1.35rem;letter-spacing:-.04em}.sidebar .nav-link{color:#555b62;border-radius:9px;margin:2px 12px;padding:.65rem .8rem}.sidebar .nav-link:hover{background:#f5f5f7;color:#111}.sidebar .nav-link.active{background:#e9e9ec;color:#111;font-weight:600}.sidebar-heading{color:#92949a}.sms-workspace{display:grid;grid-template-columns:minmax(285px,320px) minmax(0,1fr);gap:18px;min-height:calc(100vh - 190px);background:#fff;border:1px solid #ececf0;border-radius:16px;padding:16px;box-shadow:0 1px 2px rgba(20,20,30,.025)}.conversation-panel{border:1px solid var(--sms-border);border-radius:11px;display:flex;flex-direction:column;min-height:480px;overflow:hidden}.account-summary{display:flex;align-items:center;gap:10px;padding:13px 12px;border-bottom:1px solid #eee}.avatar{width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:#eceef2;color:#565b64;display:flex;align-items:center;justify-content:center;font-size:.76rem;font-weight:700}.avatar-brand{background:#dcefe9;color:#177e6d}.avatar-active{background:#fff;color:#111}.avatar-large{width:42px;height:42px;flex-basis:42px}.conversation-search{display:flex;gap:6px;padding:10px;border-bottom:1px solid #eee}.conversation-search .form-control{min-width:0;border-color:#ddd;border-radius:8px;font-size:.84rem}.conversation-search .btn{border:1px solid #ddd;border-radius:8px}.conversation-list{flex:1;overflow:auto}.conversation-item{display:flex;gap:10px;padding:12px 10px;color:inherit;text-decoration:none;border-bottom:1px solid #f0f0f2;margin:0 7px}.conversation-item:hover{background:#f8f8fa}.conversation-item.active{background:#080808;color:#fff;border-radius:9px;border-bottom-color:transparent;margin:5px 7px}.conversation-item.active .conversation-time,.conversation-item.active .conversation-preview,.conversation-item.active .text-muted{color:#b8b8bc!important}.conversation-copy{min-width:0;flex:1}.conversation-name{font-size:.88rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-time{font-size:.67rem;color:#999;white-space:nowrap}.conversation-preview{font-size:.77rem;color:#92949a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}.conversation-pagination{padding:8px;overflow:hidden}.conversation-pagination nav{font-size:.75rem}.conversation-pagination .pagination{margin:0;flex-wrap:wrap}.conversation-pagination .page-link{padding:.2rem .45rem}.chat-panel{border:1px solid var(--sms-border);border-radius:11px;min-width:0;display:flex;flex-direction:column;overflow:hidden;min-height:480px}.chat-header{display:flex;align-items:center;gap:11px;padding:13px 16px;border-bottom:1px solid #e9e9ed;background:#fff}.chat-messages{flex:1;min-height:280px;max-height:calc(100vh - 470px);overflow-y:auto;padding:22px 18px;background:#fff}.message-row{display:flex;margin-bottom:14px}.message-row.incoming{justify-content:flex-start}.message-row.outgoing{justify-content:flex-end}.message-bubble{max-width:min(78%,520px);padding:10px 12px;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.04)}.incoming .message-bubble{background:#f3f3f5;border-bottom-left-radius:4px}.outgoing .message-bubble{background:#101010;color:#fff;border-bottom-right-radius:4px}.message-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.88rem;line-height:1.45}.message-meta{font-size:.66rem;color:#8d8d93;margin-top:5px}.outgoing .message-meta{color:#c6c6cb}.message-status{font-weight:600}.message-error{margin-top:6px;padding:5px;background:#fff0ef;color:#b42318;border-radius:5px;font-size:.72rem}.chat-composer{padding:12px;border-top:1px solid #e9e9ed;background:#fff}.template-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.template-row .form-select{max-width:260px}.composer-row{display:flex;align-items:flex-end;gap:8px}.composer-row textarea{resize:vertical;min-height:44px;border-color:#dedfe3;border-radius:9px;padding:11px;font-size:.88rem}.send-button{height:42px;border-radius:9px;display:flex;align-items:center;gap:8px;padding:0 15px;white-space:nowrap}.composer-footer{display:flex;justify-content:space-between;gap:10px;color:#999;font-size:.7rem;margin-top:6px}.chat-empty,.empty-conversations{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#999;padding:35px 18px;min-height:240px}.chat-empty h2{font-size:1rem;color:#333;margin:10px 0 4px}.chat-empty p,.empty-conversations p{font-size:.84rem;margin-bottom:5px}.chat-empty-full{flex:1}.empty-icon{width:52px;height:52px;border-radius:50%;background:#f3f3f5;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#555}.empty-conversations>i{font-size:1.7rem;margin-bottom:10px}.empty-conversations small{max-width:210px}.chat-composer .form-control:focus,.conversation-search .form-control:focus{border-color:#aaa;box-shadow:0 0 0 .15rem rgba(0,0,0,.06)}
@media(max-width:900px){.sms-workspace{grid-template-columns:1fr;padding:10px}.conversation-panel{min-height:260px;max-height:360px}.chat-panel{min-height:480px}.chat-messages{max-height:50vh}.conversation-pagination{display:none}}
@media(max-width:575px){.message-bubble{max-width:90%}.composer-footer{flex-direction:column}.template-row{align-items:flex-start;flex-direction:column}.template-row .form-select{max-width:none;width:100%}.sms-workspace{gap:10px}.chat-header{padding:11px}.chat-messages{padding:14px}}