/* AI Chat Layout */
.ai-layout { display:flex; height:calc(100vh - 60px); }
.ai-sidebar { width:240px; background:#f9fafb; border-right:1px solid #e5e7eb; display:flex; flex-direction:column; flex-shrink:0; }
.ai-chat-area { flex:1; display:flex; flex-direction:column; padding:16px; min-width:0; }
.ai-chat-messages { flex:1; background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:16px; overflow-y:auto; margin-bottom:12px; }
.ai-input-row { display:flex; gap:8px; }
.ai-chat-input { flex:1; padding:12px 16px; border:1px solid #e5e7eb; border-radius:10px; font-size:14px; outline:none; }
.ai-chat-input:focus { border-color:#FF5500; }
.ai-send-btn { background:#FF5500; color:#fff; border:none; border-radius:10px; padding:12px 24px; font-size:14px; font-weight:600; cursor:pointer; }

@media (max-width: 768px) {
  .ai-layout { flex-direction:column; height:calc(100vh - 60px); position:relative; }
  .ai-sidebar { width:100%; height:100%; position:absolute; top:0; left:0; z-index:2; display:none; }
  .ai-sidebar.ai-sidebar-visible { display:flex; }
  .ai-chat-area { width:100%; height:100%; }
  .ai-chat-area.ai-chat-hidden { display:none; }
  .ai-send-btn { padding:12px 16px; }
}