html,body,#root{min-height:100%}body{margin:0}.app-shell{min-height:100vh;background:#f7f8f6}.login-shell{display:grid;min-height:100vh;place-items:center;padding:24px;background:#f7f8f6}.login-panel{width:min(100%,420px);padding:28px;border-radius:20px}.login-icon{width:48px;height:48px;background:#1d5f74}.topbar{border-bottom:1px solid #dde3e5}.toolbar{min-height:72px;justify-content:space-between;gap:16px}.toolbar>*{min-width:0}.main-tabs{min-height:48px;padding:0 16px;border-bottom:1px solid #dde3e5;background:#fff}.brand-mark{width:40px;height:40px;background:#1d5f74;color:#fff;font-weight:800}.console-layout{display:grid;grid-template-columns:minmax(280px,340px) minmax(420px,1fr) minmax(260px,320px);gap:16px;height:calc(100vh - 120px);padding:16px}.team-layout{padding:16px}.team-panel,.knowledge-panel{display:flex;flex-direction:column;gap:16px;max-width:1100px;min-height:calc(100vh - 152px);padding:16px;border-radius:20px}.team-form{flex-wrap:wrap;align-items:center}.knowledge-form-row{align-items:center}.knowledge-preview{display:-webkit-box;max-width:520px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.team-table-wrap{overflow:auto}.queue-panel,.chat-panel,.detail-panel{min-width:0;min-height:0;border-radius:20px}.queue-panel,.detail-panel{display:flex;flex-direction:column;gap:14px;padding:16px}.detail-panel{overflow:auto}.detail-content,.detail-content>*,.detail-panel .MuiSelect-root,.detail-panel .MuiFormControl-root{min-width:0}.detail-value,.detail-panel .MuiTypography-root{overflow-wrap:anywhere}.ticket-control-row{flex-wrap:wrap;min-width:0}.ticket-control-row .MuiSelect-root{max-width:100%}.ticket-control-row .MuiInputBase-root{min-width:112px;max-width:100%}.panel-header,.chat-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.chat-header>*{min-width:0}.chat-header .MuiStack-root{flex:0 0 auto}.chat-header h2,.chat-header p{min-width:0}.chat-title,.chat-subtitle{max-width:100%}.chat-subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-tabs{min-height:40px}.conversation-list{overflow:auto}.conversation-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:4px}.conversation-count{padding-top:4px}.conversation-item{min-height:104px;border-radius:18px;align-items:flex-start;margin-bottom:8px}.conversation-item .MuiListItemText-root,.conversation-item-heading,.conversation-item-heading .MuiTypography-subtitle2{min-width:0}.conversation-time{flex:0 0 auto;text-align:right;white-space:nowrap}.conversation-item .MuiChip-root{max-width:100%}.chat-panel{display:grid;grid-template-rows:auto auto minmax(0,1fr)}.chat-header{min-height:76px;padding:16px}.mui-chat-surface,.dashboard-chat-surface{min-height:0;min-width:0;overflow:hidden}.dashboard-chat-surface{display:grid;grid-template-rows:1fr auto;background:linear-gradient(180deg,#f7f8f6eb,#fffffffa),#fff}.dashboard-chat-thread{display:flex;min-height:0;min-width:0;flex-direction:column;gap:14px;overflow:auto;padding:18px}.dashboard-message-row{display:flex;width:fit-content;max-width:min(78%,calc(100% - 8px));gap:10px;align-items:flex-start;min-width:0}.dashboard-message-row.agent-message{align-self:flex-end;flex-direction:row-reverse}.dashboard-message-row.ai-message{max-width:min(84%,calc(100% - 8px))}.dashboard-message-avatar{width:32px;height:32px;flex:0 0 auto;background:#e7eff1;color:#1d5f74}.dashboard-message-row.agent-message .dashboard-message-avatar{background:#1d5f74;color:#fff}.dashboard-message-row.ai-message .dashboard-message-avatar{background:#f0ebe4;color:#9b4d3c}.dashboard-message-stack{min-width:0;max-width:100%}.dashboard-message-row.agent-message .dashboard-message-stack{align-items:flex-end}.dashboard-message-meta{margin-bottom:4px}.dashboard-message-row.agent-message .dashboard-message-meta{justify-content:flex-end}.dashboard-message-bubble{max-width:100%;padding:11px 14px;border:1px solid #dce5e1;border-radius:20px 20px 20px 8px;background:#fff;box-shadow:0 8px 24px #1d5f740f;overflow-wrap:anywhere;word-break:break-word}.dashboard-message-bubble .MuiTypography-root{overflow-wrap:anywhere;word-break:break-word}.dashboard-message-row.agent-message .dashboard-message-bubble{border-color:#1d5f74;border-bottom-right-radius:8px;border-bottom-left-radius:20px;background:#1d5f74;color:#fff}.dashboard-message-row.ai-message .dashboard-message-bubble{border-color:#e7ddd2;background:#fffaf5}.dashboard-chat-composer{min-width:0;padding:12px;border-top:1px solid #dde3e5;background:#fff}.quick-replies{margin-bottom:10px}.quick-replies .MuiButton-root{max-width:100%;border-radius:999px;white-space:normal;overflow-wrap:anywhere;line-height:1.2}.reply-row{min-width:0;width:100%}.reply-row .MuiTextField-root{min-width:0}.send-reply-button{width:42px;height:42px;flex:0 0 auto;background:#1d5f74!important;color:#fff!important}.send-reply-button.Mui-disabled{background:#d5dddf!important;color:#7b858a!important}.centered-state{display:grid;min-height:180px;place-items:center;padding:24px}@media(max-width:1100px){.console-layout{grid-template-columns:minmax(280px,340px) minmax(420px,1fr)}.detail-panel{display:none}}@media(max-width:760px){.app-shell{min-width:0;overflow-x:hidden}.toolbar{flex-direction:column;align-items:flex-start;min-height:auto;padding-top:12px;padding-bottom:12px}.toolbar>.MuiStack-root{width:100%;flex-wrap:wrap}.toolbar .MuiButton-root{min-width:0}.main-tabs{padding:0 12px}.console-layout{grid-template-columns:1fr;height:auto;gap:12px;padding:12px}.team-panel,.knowledge-panel{min-height:auto}.queue-panel{max-height:360px;padding:12px;border-radius:16px}.chat-panel{min-height:560px;border-radius:16px}.chat-header{flex-direction:column;align-items:stretch;min-height:auto;padding:12px}.chat-header>.MuiStack-root{width:100%;flex-wrap:wrap}.chat-header .MuiFormControl-root,.chat-header .MuiInputBase-root{min-width:min(100%,132px)}.conversation-item{min-height:auto;padding:12px}.conversation-item-heading{align-items:flex-start}.conversation-time{max-width:88px;white-space:normal}.conversation-item .MuiStack-root:has(.MuiChip-root){flex-wrap:wrap}.mui-chat-surface,.dashboard-chat-surface{min-height:480px}.dashboard-message-row{max-width:92%}.dashboard-chat-thread{padding:12px}.dashboard-chat-composer{padding:10px}}
