html,body,#root{min-height:100%;margin:0}body{background:#f5f7fa;color:#182230}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.page-heading h2{margin:0 0 6px}.page-heading p{margin:0}.metric-card{height:100%;border:1px solid #eef0f3;box-shadow:0 6px 24px #1f29370a}.metric-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;font-size:20px}.metric-note{display:block;margin-top:12px;font-size:12px}.customer-avatar{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:linear-gradient(135deg,#fff2e8,#ffd8bf);color:#d84a1b;font-weight:700}.step-number{display:inline-grid;width:26px;height:26px;place-items:center;border-radius:50%;background:#fff2e8;color:#d84a1b;font-weight:700}.conversation-workspace{display:grid;grid-template-columns:minmax(320px,380px) minmax(0,1fr);gap:16px;min-height:calc(100vh - 160px)}.conversation-item{cursor:pointer;padding:16px!important;transition:background .2s ease}.conversation-item:hover,.conversation-item.active{background:#fff7f0}.conversation-item.active{box-shadow:inset 3px 0 #f05b35}.conversation-source{margin-bottom:4px;color:#ad6800;font-size:12px}.message-list{height:calc(100vh - 390px);min-height:320px;overflow-y:auto;padding:20px;border-radius:12px;background:#f7f8fa}.message-row{display:flex;margin-bottom:16px}.message-row.merchant{justify-content:flex-end}.message-row.system{justify-content:center}.message-body{max-width:72%}.message-sender{display:block;margin:0 8px 4px;color:#8c8c8c;font-size:12px}.message-bubble{padding:10px 14px;border-radius:12px;background:#fff;white-space:pre-wrap;line-height:1.65;box-shadow:0 3px 12px #1f29370f}.message-row.merchant .message-bubble{background:#ff7a45;color:#fff}.message-row.system .message-bubble{background:#fff7e6;color:#ad6800;font-size:13px}.message-time{display:block;margin:4px 8px 0;color:#a1a1aa;font-size:11px}.message-row.merchant .message-time{text-align:right}.message-composer{display:flex;align-items:flex-end;gap:12px;margin-top:16px}@media(max-width:900px){.page-heading{flex-direction:column}.conversation-workspace{grid-template-columns:1fr}.message-list{height:420px}}