/* =============================================================================
   AI Search Component Styles
   Minimal styles for pc-ai-search with pc-super-input
   ============================================================================= */

/* Component base */
pc-ai-search {
   display: block;
   width: 100%;
}

/* ─── Default Mode ─────────────────────────────────────────────────────────── */

pc-ai-search .pc-ai-search-root {
   width: 100%;
}

pc-ai-search .ai-search-container {
   width: 100%;
   transition: padding 0.2s ease;
}

pc-ai-search .ai-search-container-closed {
   background: transparent;
   padding: 0;
}

pc-ai-search .ai-search-container-open {
   display: flex;
   flex-direction: column;
   gap: 12px;
}

/* Inline BotUI canvas (default mode results area) */
pc-ai-search .ai-search-botui-container {
   flex: 1;
   min-height: 0;
   height: calc(100vh - 220px);
   border-radius: 12px;
   overflow: hidden;
}

pc-ai-search .ai-search-botui-container pc-botui {
   display: block;
   width: 100%;
   height: 100%;
}

/* ─── Header Mode ──────────────────────────────────────────────────────────── */

.pc-ai-search-header-mode {
   display: flex;
   align-items: center;
   width: 100%;
   height: 100%;

   .rd-super-input-field {
      border-radius: var(--rd-borderradius-border-md);
      padding: var(--rd-spacing-xx-sm) var(--rd-spacing-x-sm) var(--rd-spacing-xx-sm) var(--rd-spacing-sm);
   }
}

/* SuperInput compact sizing in header context */
.pc-ai-search-header-mode pc-super-input {
   width: 100%;
}

/* AI suggestion accents */
.pc-ai-search-header-mode .rd-super-input-suggestion-item:has(.rd-icon-zauberstab) .rd-super-input-suggestion-icon::before,
.pc-ai-search-header-mode .rd-super-input-suggestion-item:has(.rd-icon-zauberstab) .rd-super-input-suggestion-icon::after {
   background-color: var(--rd-primary-active) !important;
}

.pc-ai-search-header-mode .rd-super-input-suggestion-group:has(.rd-super-input-suggestion-right-reverse) .rd-super-input-suggestion-icon {
   display: inline-flex;
   padding: var(--rd-spacing-xx-sm);
   border-radius: var(--rd-borderradius-border-md);
   background: var(--rd-pink-100);
}

.pc-ai-search-header-mode .rd-super-input-suggestion-group:has(.rd-super-input-suggestion-right-reverse) .rd-super-input-suggestion-label strong {
   font-weight: var(--rd-fontweights-open-sans-2);
}

.pc-ai-search-header-mode .rd-super-input-suggestion-right-reverse {
   color: var(--rd-primary-active);
}

.pc-ai-search-header-mode .rd-super-input-suggestion-right-reverse .rd-super-input-suggestion-right-icon::before,
.pc-ai-search-header-mode .rd-super-input-suggestion-right-reverse .rd-super-input-suggestion-right-icon::after {
   background-color: var(--rd-primary-active) !important;
}


.header_table .ai-search-header-cell {
   width: 600px
}

/* ─── Responsive ───────────────────────────────────────────────────────────── */

@media (max-width: 768px) {
   .header_table .ai-search-header-cell {
      display: none;
   }
}