/* ============================================================
   Workspace Chat Pane — Mobile overrides (max-width: 768px)
   Extracted from workspace-chat-pane.css for line-budget.
   ============================================================ */

@media (max-width: 768px) {
  /* .ws-ai-pane: flex child of #ai-panel-container (flex column);
     needs flex:1 instead of just height:100% to fill the space.
     Without this the message list collapses to zero height after
     the welcome screen hides. */
  #pane-chat .ws-ai-pane {
    flex: 1 !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
  }

  /* Override scitex-ui mobile.css — panel must fill container via flex */
  #pane-chat #stx-shell-ai-panel {
    height: 100% !important;
    overflow: hidden !important;
    flex: 1 !important;
    min-height: 0 !important;
  }

  #pane-chat .stx-shell-ai-sessions-bar {
    border-bottom: none !important;
  }

  /* Compact input area padding on mobile */
  #pane-chat .stx-shell-ai-input-area {
    padding: 4px 12px 12px !important;
  }

  /* Wider input area on mobile */
  #pane-chat .stx-shell-ai-input-wrap {
    border-radius: 16px !important;
    padding: 12px 14px 8px !important;
  }

  /* Smaller messages padding on mobile */
  #pane-chat .stx-shell-ai-messages {
    padding: 12px 12px 8px !important;
  }

  /* Hide non-essential action buttons on mobile (copy, print, share) */
  #pane-chat .stx-shell-ai-sessions-bar .stx-shell-ai-panel-actions {
    gap: 2px;
  }

  /* Keep only delete and essential buttons visible */
  #pane-chat
    .stx-shell-ai-sessions-bar
    .stx-shell-ai-panel-actions
    button[title="Copy"],
  #pane-chat
    .stx-shell-ai-sessions-bar
    .stx-shell-ai-panel-actions
    button[title="Print"] {
    display: none !important;
  }

  /* Share button is a sibling of .stx-shell-ai-panel-actions, not inside it */
  #pane-chat .stx-shell-ai-sessions-bar .stx-shell-ai-share-btn {
    display: none !important;
  }

  #pane-chat .stx-shell-sidebar__content {
    flex: 1 !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  /* Model dropdown: full-width on mobile for easier tap targets */
  .ai-model-dropdown {
    left: 0;
    right: 0;
    min-width: unset;
  }

  .ai-model-dropdown-item {
    padding: 12px 14px;
    font-size: 14px;
  }
}