/* Global styles pulled out from page */
*{font-family:"Plus Jakarta Sans",sans-serif;}
html,body{-ms-overflow-style:none;scrollbar-width:none;}
::-webkit-scrollbar{display:none}
.fa,.fas,.far,.fal,.fab{font-family:"Font Awesome 6 Free","Font Awesome 6 Brands" !important;}
/* Selection state for pricing cards */
.plan-card{cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;}
.plan-card.selected{background:#2563eb !important;border-color:#2563eb !important;color:#fff !important;}
.plan-card.selected *{color:inherit !important;}
.plan-card.selected .bg-green-100,
.plan-card.selected .bg-blue-50{background:rgba(255,255,255,.15) !important;}
/* stili.css — global enhancements */
/* Preserve Font Awesome icon font */



/* ---- Lex-On split card right-pane gradient ---- */
.lp-gradient-pane{
  /* size classes come from Tailwind in HTML; here only background + cosmetics */
  background: linear-gradient(90deg, #0F47FF 0%, #0F60D8 25%, #0F7BCB 50%, #0F95C7 75%, #10A6C8 100%);
  position: relative;
}
.lp-gradient-pane i{ color: rgba(255,255,255,0.92); }


/* Make paired panes look like a continuous gradient */
.lp-gradient-pane{
  background: linear-gradient(90deg, #0F47FF 0%, #0F60D8 25%, #0F7BCB 50%, #0F95C7 75%, #10A6C8 100%);
  background-size: 200% 100%;
  position: relative;
}
.lp-gradient-start{ background-position: left center; }
.lp-gradient-end{ background-position: right center; }
.lp-gradient-pane i{ color: rgba(255,255,255,0.92); }



/* ---- Lex-On split card right-pane gradient ---- */
.lp-gradient-pane{
  /* size classes come from Tailwind in HTML; here only background + cosmetics */
  background: linear-gradient(90deg, #0F47FF 0%, #0F60D8 25%, #0F7BCB 50%, #0F95C7 75%, #10A6C8 100%);
  position: relative;
}
.lp-gradient-pane i{ color: rgba(255,255,255,0.92); }


/* Make paired panes look like a continuous gradient */
.lp-gradient-pane{
  background: linear-gradient(90deg, #0F47FF 0%, #0F60D8 25%, #0F7BCB 50%, #0F95C7 75%, #10A6C8 100%);
  background-size: 200% 100%;
  position: relative;
}
.lp-gradient-start{ background-position: left center; }
.lp-gradient-end{ background-position: right center; }
.lp-gradient-pane i{ color: rgba(255,255,255,0.92); }


/* Chat layout fixes */
@media (min-width: 1024px){
  .lg\:ml-64{ margin-left: 8rem; } /* align content flush to sidebar */
}



/* ===== Chat WhatsApp-like layout ===== */
:root{
  --sidebar-w: 16rem;           /* width of left sidebar on desktop */
  --chat-header-h: 64px;        /* header bar height */
  --chat-composer-h: 80px;      /* composer bar height */
}

/* Header fixed always */
.chat-header{
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 40;
  background: #fff;
}

/* Composer fixed always */
.chat-composer{
  position: fixed;
  bottom: 0; left: 0; right: 0;
  z-index: 40;
  background: #fff;
}

/* Scroll area between header and composer */
.chat-body{
  position: fixed;
  top: var(--chat-header-h);
  bottom: var(--chat-composer-h);
  left: 0; right: 0;
  overflow-y: auto;
  overflow-x: hidden;
  background: #f9fafb; /* Tailwind gray-50 */
}

/* Desktop: offset by sidebar width */
@media (min-width: 1024px){
  .chat-header{ left: var(--sidebar-w); }
  .chat-composer{ left: var(--sidebar-w); }
  .chat-body{ left: var(--sidebar-w); }
}
/* END Chat WhatsApp-like layout */