.conversation-layout{--chat-canvas-bg:#efeae2;--chat-inbound-bg:#ffffff;--chat-outbound-bg:#d9fdd3;--chat-footer-bg:#f0f2f5}@media (min-width:1024px){.conversation-layout{height:calc(100dvh - var(--topbar-height) - 28px);min-height:520px}.conversation-layout .conversation-body-grid{flex:1;min-height:0;grid-template-rows:minmax(0,1fr)}}@media (max-width:1023px){.conversation-layout{min-height:0}.conversation-layout .chat-viewport{height:72dvh;min-height:420px}}.conversation-layout .chat-viewport,.conversation-layout .intelligence-panel{min-height:0}.conversation-layout .chat-viewport{background-color:var(--chat-canvas-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='132' height='132' viewBox='0 0 132 132' fill='none' stroke='%23cfc6b6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' opacity='.38'%3E%3Ccircle cx='20' cy='22' r='5'/%3E%3Cpath d='M62 12l3.6 7.4 8.1 1.2-5.9 5.7 1.4 8.1-7.2-3.8-7.2 3.8 1.4-8.1-5.9-5.7 8.1-1.2z'/%3E%3Cpath d='M104 30c-9-6-14-12-9-17 3.5-3.5 7.5-1.5 9 1.5 1.5-3 5.5-5 9-1.5 5 5 0 11-9 17z'/%3E%3Cpath d='M14 70q6-8 12 0t12 0'/%3E%3Cpath d='M70 64l9 15H61z'/%3E%3Cpath d='M108 66v12M102 72h12'/%3E%3Crect x='18' y='102' width='17' height='12' rx='4'/%3E%3Cpath d='M26 114l-3 5 7-4'/%3E%3Cpath d='M64 106h22M64 113h15'/%3E%3Ccircle cx='108' cy='108' r='3.5'/%3E%3C/svg%3E");background-size:132px 132px;border:1px solid #e3ddd0;border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden}.conversation-layout .chat-canvas{flex:1;min-height:0;overflow-y:auto;padding:14px clamp(14px,4%,56px) 10px;display:flex;flex-direction:column;gap:0;scrollbar-width:thin;scrollbar-color:#cdc5b6 transparent}.conversation-layout .chat-thread{margin-top:auto;display:flex;flex-direction:column;gap:10px}.conversation-layout .chat-date-divider{margin:2px 0 4px}.conversation-layout .chat-date-pill{padding:4px 12px;background:#ffffff;border:0;border-radius:8px;font-size:11px;font-weight:500;color:#54656f;box-shadow:0 1px .5px rgb(11 20 26/.13)}.conversation-layout .chat-messages-stream{gap:6px}.conversation-layout .chat-bubble{max-width:min(72%,640px);min-width:120px;padding:6px 9px 5px;gap:2px;border:0;box-shadow:0 1px .5px rgb(11 20 26/.13)}.conversation-layout .bubble-inbound{background:var(--chat-inbound-bg);border-radius:0 8px 8px 8px}.conversation-layout .bubble-outbound{background:var(--chat-outbound-bg);border-radius:8px 0 8px 8px}.conversation-layout .bubble-body,.conversation-layout .bubble-text{font-size:13px;color:#111b21}.conversation-layout .bubble-timestamp{color:#54656f}.conversation-layout .bubble-check{color:#53bdeb}.conversation-layout .chat-read-only-notice{flex-shrink:0;padding:10px 16px;background:var(--chat-footer-bg);border-top:1px solid #e3e6ea;font-size:11.5px;color:#54656f}.conversation-layout .panel-content-scroll{min-height:0}@media (max-width:560px){.conversation-layout .chat-bubble{max-width:86%}}