/* Panels global fixes */
.ai-right form{ overflow:visible !important; }
.ai-right .cardrow{ display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:10px; }
@media (max-width: 1024px){
  .ai-right{ position:static; }
}


/* Ensure left side (ai-left) grows with content instead of clipping */
.ai-left{ max-height:none !important; overflow:visible !important; }
.ai-left .content, .ai-left .wrap{ height:auto !important; max-height:none !important; overflow:visible !important; }


/* Override per-page inline max-height on left */
.ai-left{ max-height:none !important; overflow:visible !important; }
.ai-left .ai-console{ text-align:left !important; }


/* Panels global fixes v3: scrollable left */
.ai-left{
  max-height: calc(100vh - 200px) !important;
  overflow-y: auto !important;
  scrollbar-width: thin;
  scrollbar-color: #00ff88 #0f1d17;
}
.ai-left::-webkit-scrollbar{ width:8px; }
.ai-left::-webkit-scrollbar-thumb{ background:#00ff88; border-radius:4px; }
.ai-left::-webkit-scrollbar-track{ background:#0f1d17; }


/* === v3: Left panel own scroll (all services) === */
@media (min-width: 1024px){
  /* Keep right panel free-flowing; left panel scrolls inside */
  .ai-left{ 
    max-height: calc(100vh - 220px) !important; 
    overflow-y: auto !important; 
    overflow-x: hidden !important;
    overscroll-behavior: contain;
    scroll-behavior: smooth;
  }
}
/* Scrollbar cosmetics (WebKit) */
.ai-left::-webkit-scrollbar{ width: 8px; }
.ai-left::-webkit-scrollbar-track{ background: rgba(0,0,0,.15); border-radius: 8px; }
.ai-left::-webkit-scrollbar-thumb{ background: rgba(0,255,136,.35); border-radius: 8px; }