.sofia-page{padding-top:var(--ds-header-h, 80px);max-width:1000px;margin:0 auto;min-height:calc(100vh - 180px);display:flex;flex-direction:column;padding-left:var(--ds-space-4);padding-right:var(--ds-space-4);padding-bottom:var(--ds-space-4)}.chat-container{display:grid;grid-template-columns:280px 1fr;background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);box-shadow:0 10px 30px #0000000d;height:650px;overflow:hidden}@media (max-width: 768px){.chat-container{grid-template-columns:1fr;height:calc(100vh - 120px);min-height:500px}}.chat-sidebar{background:linear-gradient(180deg,var(--ds-bg-alt) 0%,var(--ds-surface) 100%);border-right:1px solid var(--ds-border);padding:var(--ds-space-6);display:flex;flex-direction:column;align-items:center;text-align:center}@media (max-width: 768px){.chat-sidebar{display:none}}.sidebar-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--ds-border);box-shadow:0 8px 16px #00000014;margin-bottom:var(--ds-space-5)}.sidebar-title{font-family:var(--ds-font-heading);font-size:var(--ds-text-xl);font-weight:700;margin-bottom:var(--ds-space-2);color:var(--ds-text)}.sidebar-badge{display:inline-block;font-size:var(--ds-text-xs);font-weight:600;text-transform:uppercase;background:var(--ds-accent-bg);color:var(--ds-accent);padding:var(--ds-space-1) var(--ds-space-3);border-radius:100px;margin-bottom:var(--ds-space-4)}.sidebar-description{font-size:var(--ds-text-xs);color:var(--ds-text-secondary);line-height:1.6}.btn-reset-chat{margin-top:var(--ds-space-5);display:flex;align-items:center;justify-content:center;gap:var(--ds-space-2);width:100%;padding:var(--ds-space-2) var(--ds-space-3);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);background:transparent;color:var(--ds-text-secondary);font-size:var(--ds-text-xs);font-weight:600;cursor:pointer;transition:all .2s;font-family:var(--ds-font-body)}.btn-reset-chat:hover{background:#b4121b0f;border-color:var(--ds-accent-dark);color:var(--ds-accent)}.btn-reset-chat svg{width:14px;height:14px;flex-shrink:0}.btn-reset-mobile{margin-top:0;margin-left:auto;padding:6px;border-radius:var(--ds-radius-sm);border:1px solid var(--ds-border);background:transparent;color:var(--ds-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-reset-mobile svg{width:18px;height:18px}.chat-main{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--ds-surface)}.chat-header-mobile{display:none;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-5);border-bottom:1px solid var(--ds-border);background:var(--ds-bg-alt)}@media (max-width: 768px){.chat-header-mobile{display:flex}}.mobile-avatar{width:40px;height:40px;border-radius:50%;border:1px solid var(--ds-border)}.mobile-info h3{font-family:var(--ds-font-heading);font-size:var(--ds-text-sm);font-weight:700}.mobile-info p{font-size:var(--ds-text-xs);color:var(--ds-text-secondary)}.chat-messages{flex:1;min-height:0;padding:var(--ds-space-6);overflow-y:auto;display:flex;flex-direction:column;gap:var(--ds-space-4);scroll-behavior:smooth}.message-bubble{max-width:75%;display:flex;flex-direction:column;animation:bubbleAppear .3s cubic-bezier(.165,.84,.44,1) forwards}@keyframes bubbleAppear{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.message-bubble.sofia{align-self:flex-start}.message-bubble.user{align-self:flex-end}.bubble-content{padding:var(--ds-space-3) var(--ds-space-4);border-radius:var(--ds-radius-md);font-size:var(--ds-text-sm);line-height:1.6;box-shadow:0 2px 8px #00000005}.sofia .bubble-content{background:var(--ds-bg-alt);color:var(--ds-text);border:1px solid var(--ds-border);border-top-left-radius:4px}.user .bubble-content{background:var(--ds-accent);color:var(--ds-inverse);border-top-right-radius:4px}.bubble-content a{color:inherit;font-weight:600;text-decoration:underline}.bubble-time{font-size:.6rem;color:var(--ds-text-secondary);margin-top:var(--ds-space-1);align-self:flex-end;padding:0 4px}.sofia .bubble-time{align-self:flex-start}.typing-indicator{display:inline-flex;align-items:center;gap:4px;padding:var(--ds-space-2) var(--ds-space-3)}.typing-dot{width:7px;height:7px;background:var(--ds-text-secondary);border-radius:50%;opacity:.6;animation:bounceDot 1.4s infinite ease-in-out both}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes bounceDot{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chat-suggestions{flex-shrink:0;padding:var(--ds-space-3) var(--ds-space-6);border-top:1px solid var(--ds-border);background:var(--ds-surface)}@media (max-width: 768px){.chat-suggestions{padding:var(--ds-space-3)}}.suggestions-title{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-secondary);margin-bottom:var(--ds-space-2);font-weight:600}.suggestions-list{display:flex;gap:var(--ds-space-2);flex-wrap:wrap}.suggestion-chip{background:var(--ds-bg);border:1px solid var(--ds-border);color:var(--ds-text);padding:var(--ds-space-1) var(--ds-space-3);border-radius:100px;font-size:var(--ds-text-xs);font-weight:550;cursor:pointer;transition:all .2s;white-space:nowrap;font-family:var(--ds-font-body)}.suggestion-chip:hover{background:var(--ds-accent);color:var(--ds-inverse);border-color:var(--ds-accent);transform:translateY(-1px);box-shadow:0 4px 8px #0000000d}.chat-input-area{flex-shrink:0;padding:var(--ds-space-4) var(--ds-space-6);border-top:1px solid var(--ds-border);background:var(--ds-surface);display:flex;gap:var(--ds-space-3);align-items:center}@media (max-width: 768px){.chat-input-area{padding:var(--ds-space-3)}}.chat-input-wrapper{flex:1}.chat-input{width:100%;padding:var(--ds-space-3) var(--ds-space-4);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);font-size:var(--ds-text-sm);font-family:var(--ds-font-body);outline:none;background:var(--ds-bg);color:var(--ds-text);transition:border-color .2s,box-shadow .2s}.chat-input:focus{border-color:var(--ds-accent);box-shadow:0 0 0 3px var(--ds-accent-bg)}.btn-send{width:46px;height:46px;border-radius:var(--ds-radius-md);background:var(--ds-accent);color:var(--ds-inverse);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s,transform .1s;flex-shrink:0}.btn-send:hover{background:var(--ds-accent-dark);transform:translateY(-1px)}.btn-send svg{width:20px;height:20px;fill:currentColor;transform:rotate(-45deg);margin-left:2px;margin-top:-2px}