.chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.chat-title-area{display:flex;align-items:center;gap:.5rem}.chat-title-area h1{margin-bottom:0;font-size:1.5rem}.chat-status{font-size:1rem;line-height:1}.chat-status.saved{color:#10b981}.chat-status.saving{color:#6366f1;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chat-actions{display:flex;gap:.5rem}.action-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border:1px solid #e0e0e0;background:#fff;border-radius:8px;font-size:.875rem;cursor:pointer;transition:all .2s;color:#666}.action-btn:hover{background:#f5f5f5;border-color:#ccc}.action-btn.primary{background:#6366f1;border-color:#6366f1;color:#fff}.action-btn.primary:hover{background:#5558e3}.action-btn:disabled{opacity:.5;cursor:not-allowed}.chat-container{background:#f8f9fa;border-radius:12px;display:flex;flex-direction:column;height:calc(100vh - 260px);min-height:400px}.messages{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.welcome-message{text-align:center;color:#999;padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;flex:1;justify-content:center}.welcome-message svg{width:48px;height:48px;opacity:.3;stroke:currentColor;fill:none}.welcome-message .hint{font-size:.875rem;color:#6366f1;background:#f0f4ff;padding:.5rem 1rem;border-radius:6px;margin-top:.5rem}.message{max-width:85%;display:flex;flex-direction:column;gap:.25rem}.message.user{align-self:flex-end}.message.assistant{align-self:flex-start}.message-card{padding:1rem 1.25rem;border-radius:16px;line-height:1.6;box-shadow:0 1px 3px #00000014}.message.user .message-card{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-bottom-right-radius:4px}.message.assistant .message-card{background:#fff;color:#1a1a2e;border-bottom-left-radius:4px;border:1px solid #e8e8e8}.message-meta{font-size:.7rem;color:#999;padding:0 .5rem}.message.user .message-meta{text-align:right}.message-content{white-space:pre-wrap;word-wrap:break-word}.message.typing .message-card{background:#fff;border:1px solid #e8e8e8}.chat-form{display:flex;gap:.75rem;padding:1rem 1.5rem;background:#fff;border-top:1px solid #e8e8e8;border-radius:0 0 12px 12px}.chat-form input{flex:1;padding:.875rem 1rem;border:1px solid #e0e0e0;border-radius:24px;font-size:1rem;transition:border-color .2s;background:#f8f9fa}.chat-form input:focus{outline:none;border-color:#6366f1;background:#fff}.chat-form button{background:#6366f1;color:#fff;border:none;padding:.875rem 1.25rem;border-radius:24px;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center}.chat-form button:hover{background:#5558e3}.chat-form button:disabled{background:#a0a0b0;cursor:not-allowed}.chat-form button svg{width:20px;height:20px}.user-message-wrapper{display:flex;align-items:flex-start;gap:.5rem}.user-message-text{flex:1}.recommendation-indicator{flex-shrink:0;width:24px;height:24px;border:none;background:transparent;cursor:pointer;padding:2px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;margin-top:-2px}.recommendation-indicator svg{width:16px;height:16px}.recommendation-indicator.no-recommendations{color:#f59e0b;cursor:default}.recommendation-indicator.has-recommendations{color:#fb923c}.recommendation-indicator.has-recommendations:hover{background:#fb923c33}.recommendation-indicator.has-recommendations.expanded{color:#ea580c;background:#ea580c33}.recommendations-panel{overflow:hidden;transition:all .3s ease;margin-top:.75rem;border-top:1px solid rgba(251,146,60,.3);padding-top:.75rem}.recommendations-panel.collapsed{max-height:0;margin-top:0;padding-top:0;border-top:none;opacity:0}.recommendations-content{background:linear-gradient(135deg,#fef3c7,#fed7aa);color:#92400e;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;line-height:1.5;border:1px solid #fbbf24;user-select:text;-webkit-user-select:text}.recommendations-list{display:flex;flex-direction:column;gap:.75rem}.recommendation-item{display:flex;flex-direction:column;gap:.25rem}.recommendation-item+.recommendation-item{padding-top:.75rem;border-top:1px solid rgba(251,191,36,.4)}.recommendation-issue{color:#b45309}.recommendation-correction{color:#92400e}.correction-text{background:#ffffff80;padding:.125rem .375rem;border-radius:4px;font-family:inherit}.recommendation-explanation{color:#a16207;font-size:.8125rem;font-style:italic;margin-top:.125rem}