Decoder2704/python-chatbot-jay
0
1.message-row {2 display: flex;3 width: 100%;4}5 6.message-row--user {7 justify-content: flex-end;8}9 10.message-row--bot {11 justify-content: flex-start;12}13 14.message-bubble {15 max-width: min(100%, 560px);16 padding: 0.75rem 1rem;17 border-radius: var(--radius, 12px);18 box-shadow: var(--shadow, 0 1px 3px rgba(15, 23, 42, 0.08));19}20 21.message-bubble--user {22 background: var(--user-bubble, #e8f0fe);23 border: 1px solid #c7d9f8;24}25 26.message-bubble--bot {27 background: var(--bot-bubble, #f0f2f4);28 border: 1px solid var(--border, #e2e6ea);29}30 31/* Premium dashboard variant (PyBot chat panel) */32.message-bubble--dashboard.message-bubble--user {33 background: linear-gradient(165deg, #eef2ff 0%, #e0e7ff 100%);34 border: 1px solid rgba(99, 102, 241, 0.22);35 border-radius: 18px 18px 6px 18px;36 box-shadow: 0 2px 8px rgba(99, 102, 241, 0.1);37}38 39.message-bubble--dashboard.message-bubble--bot {40 background: #f8fafc;41 border: 1px solid rgba(15, 23, 42, 0.08);42 border-radius: 18px 18px 18px 6px;43 box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);44}45 46.message-bubble__header {47 display: flex;48 align-items: center;49 justify-content: space-between;50 gap: 0.75rem;51 margin-bottom: 0.4rem;52}53 54.message-bubble__label {55 font-size: 0.7rem;56 font-weight: 700;57 text-transform: uppercase;58 letter-spacing: 0.05em;59 color: var(--text-muted, #5c6570);60}61 62.message-bubble--dashboard .message-bubble__label {63 color: #6366f1;64}65 66.message-bubble__time {67 font-size: 0.6875rem;68 font-weight: 500;69 color: #94a3b8;70 white-space: nowrap;71}72 73.message-bubble__text {74 white-space: pre-wrap;75 word-break: break-word;76 font-size: 0.95rem;77 line-height: 1.55;78 color: #1e293b;79}80 81.message-bubble__meta {82 margin-top: 0.6rem;83 padding-top: 0.5rem;84 border-top: 1px solid var(--border, #e2e6ea);85 font-size: 0.75rem;86 color: var(--text-muted, #5c6570);87}88 89.message-bubble--dashboard .message-bubble__meta {90 border-top-color: rgba(15, 23, 42, 0.08);91}92