/* layout.css - Layout Styles */

#smartfence-embed-root .app-main { 
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}

#smartfence-embed-root .chat-interface { 
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

#smartfence-embed-root .chat-container { 
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background-color: var(--bg-primary);
  border: 1px solid var(--border-color);
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
  height: 100%;
}

/* NEW: Mobile-safe header */
#smartfence-embed-root .app-header { 
  position: sticky;
  top: 0;
  z-index: 100;
  flex-shrink: 0;
}

/* NEW: Mobile-safe input area */
#smartfence-embed-root .input-area { 
  flex-shrink: 0;
  position: relative;
  z-index: 10;
  overflow: visible; 
}