html,body,#app{height:100%;margin:0}body{background:#f3f5f8;font-family:Inter,Arial,sans-serif;color:#172033}.shell{height:100%}.sidebar{height:100vh;position:relative}.sidebar :deep(.n-layout-sider-scroll-container),.sidebar .n-layout-sider-scroll-container{display:flex;height:100%;flex-direction:column}.brand{flex:0 0 auto;padding:20px 18px 14px;font-weight:800;font-size:18px;line-height:1.2}.main-menu{flex:1 1 auto;min-height:0;overflow:auto}.user-box{flex:0 0 auto;display:grid;gap:8px;margin:12px;padding:12px;border-radius:8px;background:#eff6ff;overflow-wrap:anywhere}.user-box small{color:#475467}.sidebar-resizer,.chat-list-resizer{position:relative;cursor:col-resize;touch-action:none}.sidebar-resizer:after,.chat-list-resizer:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:#e5e7eb;transform:translate(-50%);transition:background-color .15s ease,width .15s ease}.sidebar-resizer{position:absolute;top:0;right:-3px;bottom:0;width:6px;z-index:5}.sidebar-resizer:hover,.chat-list-resizer:hover{background:transparent}.sidebar-resizer:hover:after,.chat-list-resizer:hover:after{width:2px;background:#2f80ed}.content{min-width:0;height:100vh;overflow:hidden}.login-page{display:grid;min-height:100%;place-items:center}.login-card{width:min(420px,calc(100vw - 32px))}.chat-grid{display:grid;height:100vh}.chat-list{display:flex;flex-direction:column;gap:8px;padding:16px;overflow:auto;background:#fff}.chat-list-resizer{background:transparent}.chat-item{flex:0 0 auto;width:100%;max-height:112px;border:1px solid transparent;border-radius:8px;background:#fff;padding:12px;text-align:left;cursor:pointer;overflow:hidden}.chat-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item-head{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:8px;align-items:center}.chat-item.active,.chat-item:hover{border-color:#2f80ed;background:#eef6ff}.chat-item span{display:-webkit-box;margin-top:4px;color:#667085;font-size:13px;line-height:1.35;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.chat-pane{display:flex;min-width:0;min-height:0;flex-direction:column}.chat-toolbar,.composer{display:grid;grid-template-columns:220px 220px max-content auto;gap:16px;padding:16px;background:#fff;border-bottom:1px solid #e5e7eb;align-items:center}.chat-toolbar .n-base-selection{background:#f8fbff;box-shadow:0 1px 2px #1720330a}.chat-toolbar .n-base-selection .n-base-selection__border{border-color:#cbd5e1}.chat-toolbar .n-base-selection:hover .n-base-selection__border{border-color:#8bbcf5}.chat-toolbar .n-base-selection--active,.chat-toolbar .n-base-selection--focus{background:#fff}.composer{grid-template-columns:minmax(0,1fr) 140px;align-items:stretch;border-top:1px solid #e5e7eb;border-bottom:0}.composer-input,.composer-send{min-height:58px}.composer-send{height:100%}.messages{flex:1;min-height:0;overflow:auto;padding:20px}.ticket-preview{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:calc(100vh - 96px);min-height:0}.ticket-preview-status{padding-bottom:12px}.ticket-preview-form{display:grid;gap:12px;border-top:1px solid #e5e7eb;background:#fff;padding-top:16px}.drawer-messages{min-height:0;overflow:auto;padding:0 24px 16px}.message{width:min(720px,78%);max-width:min(720px,78%);margin-bottom:10px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:10px 12px;white-space:normal;overflow-wrap:break-word;word-break:normal;line-height:1.45}.message.user{width:fit-content;min-width:72px;margin-left:auto;background:#eef6ff;border-color:#bfdbfe}.message.engineer{background:#eff6ff;border-color:#bfdbfe}.message-body{margin:4px 0 0}.message-body p{margin:6px 0}.message-body p:first-child{margin-top:0}.message-body p:last-child{margin-bottom:0}.message-body ul,.message-body ol{margin:8px 0;padding-left:24px}.message-body li{margin:4px 0;padding-left:2px}.message-body li>p{margin:4px 0}.message-body blockquote{margin:8px 0;border-left:3px solid #bfdbfe;padding-left:10px;color:#475467}.message-body table{display:block;max-width:100%;margin:10px 0;border-collapse:collapse;overflow-x:auto}.message-body th,.message-body td{border:1px solid #e5e7eb;padding:6px 8px;text-align:left}.message-body code{border-radius:4px;background:#f1f5f9;padding:1px 5px;font-family:Consolas,Courier New,monospace;font-size:.94em}.message-body pre{max-width:100%;overflow-x:auto;border-radius:6px;background:#f8fafc;padding:10px}.message-body pre code{background:transparent;padding:0}.status-pill{display:inline-flex;align-items:center;width:fit-content;min-height:22px;border-radius:999px;background:#e5e7eb;color:#475467;padding:2px 8px;font-size:12px;font-weight:700;line-height:1;white-space:nowrap}.status-open{background:#eff6ff;color:#1d4ed8}.status-needs_engineer{background:#fff7ed;color:#c2410c}.status-in_progress{background:#eef2ff;color:#4338ca}.status-closed{background:#f3f4f6;color:#4b5563}.closed-ticket{border-top:1px solid #e5e7eb;background:#f8fafc;color:#667085;padding:10px 16px;font-size:14px}.panel{padding:24px}.mt{margin-top:16px}