/* ==========================================================================
   VENTI 9.0-A6.2
   FULL CSS REBUILD — Desktop + Tablet + Mobile
   Bu dosya eski venti-global-shell.css katmanlarını tamamen değiştirir.
   ========================================================================== */

#ventiGlobalShell.vnt-ai{
  --vnt-blue:#315cf0;
  --vnt-blue-2:#4f46e5;
  --vnt-blue-soft:#eef4ff;
  --vnt-purple:#6d4aff;
  --vnt-cyan:#16a9dd;
  --vnt-green:#14a36c;
  --vnt-pink:#db2777;

  --vnt-ink:#101828;
  --vnt-text:#283548;
  --vnt-muted:#5f6d82;
  --vnt-soft:#7f8da2;

  --vnt-bg:#f1f5fb;
  --vnt-card:#fbfdff;
  --vnt-line:#e7ebf2;
  --vnt-line-strong:#dbe2ec;

  --vnt-shadow-sm:0 6px 20px rgba(15,23,42,.045);
  --vnt-shadow-md:0 14px 36px rgba(15,23,42,.075);
  --vnt-shadow-lg:-28px 0 88px rgba(15,23,42,.18);

  position:fixed;
  right:20px;
  bottom:22px;
  z-index:2200;
  color:var(--vnt-ink);
  font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:14px;
  line-height:1.45;
}

#ventiGlobalShell,
#ventiGlobalShell *{
  box-sizing:border-box;
}

#ventiGlobalShell button,
#ventiGlobalShell textarea,
#ventiGlobalShell input{
  font:inherit;
}

/* --------------------------------------------------------------------------
   Launcher
   -------------------------------------------------------------------------- */

#ventiGlobalShell .vnt-ai-launcher{
  position:relative;
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(49,92,240,.16);
  border-radius:50%;
  background:rgba(255,255,255,.96);
  box-shadow:0 16px 38px rgba(15,23,42,.15),0 0 0 5px rgba(255,255,255,.56);
  cursor:pointer;
  isolation:isolate;
  transition:transform .22s ease,box-shadow .22s ease,opacity .18s ease;
}

#ventiGlobalShell .vnt-ai-launcher:hover{
  transform:translateY(-3px) scale(1.025);
  box-shadow:0 20px 46px rgba(15,23,42,.18),0 0 0 6px rgba(255,255,255,.66);
}

#ventiGlobalShell .vnt-ai-launcher:active{
  transform:scale(.96);
}

#ventiGlobalShell .vnt-ai-launcher-core{
  position:relative;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid #dce6ff;
  border-radius:50%;
  background:linear-gradient(145deg,#edf3ff,#ffffff);
  color:var(--vnt-blue);
  box-shadow:inset 0 1px 0 #fff,0 8px 18px rgba(49,92,240,.11);
}

#ventiGlobalShell .vnt-ai-launcher-core i{
  font-size:16px;
}

#ventiGlobalShell .vnt-ai-launcher-dot{
  position:absolute;
  right:2px;
  bottom:2px;
  width:9px;
  height:9px;
  border:2px solid #fff;
  border-radius:50%;
  background:#22c55e;
  box-shadow:0 2px 8px rgba(34,197,94,.32);
}

#ventiGlobalShell .vnt-ai-launcher-pulse{
  position:absolute;
  inset:-4px;
  z-index:-1;
  border:1px solid rgba(49,92,240,.18);
  border-radius:50%;
  animation:vnt-launcher-pulse 2.6s ease-out infinite;
}

/* --------------------------------------------------------------------------
   Backdrop + Drawer
   IMPORTANT: 5 real rows = Header / Awareness / Predictive / Conversation / Footer
   -------------------------------------------------------------------------- */

#ventiGlobalShell .vnt-ai-backdrop{
  position:fixed;
  inset:0;
  z-index:0;
  background:rgba(10,18,32,.20);
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
}

#ventiGlobalShell .vnt-ai-backdrop[hidden]{
  display:none!important;
}

#ventiGlobalShell .vnt-ai-drawer{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  z-index:1;

  width:min(660px,46vw);
  min-width:540px;
  height:100dvh;

  display:grid;
  grid-template-rows:auto auto auto minmax(0,1fr) auto;

  overflow:hidden;
  border-left:1px solid rgba(15,23,42,.08);
  background:
    radial-gradient(620px 320px at 105% -5%,rgba(79,70,229,.11),transparent 68%),
    radial-gradient(520px 280px at -8% 32%,rgba(22,169,221,.055),transparent 70%),
    linear-gradient(180deg,#f8faff 0%,#f1f5fb 100%);
  box-shadow:var(--vnt-shadow-lg);

  opacity:0;
  pointer-events:none;
  transform:translateX(103%);
  transition:
    transform .34s cubic-bezier(.2,.85,.22,1),
    opacity .22s ease;
}

#ventiGlobalShell.is-open .vnt-ai-drawer{
  opacity:1;
  pointer-events:auto;
  transform:translateX(0);
}

#ventiGlobalShell.is-open .vnt-ai-launcher{
  opacity:0;
  pointer-events:none;
}

/* --------------------------------------------------------------------------
   Header
   -------------------------------------------------------------------------- */

#ventiGlobalShell .vnt-ai-head{
  position:relative;
  z-index:5;
  min-height:92px;
  padding:18px 22px;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;

  border-bottom:1px solid rgba(15,23,42,.07);
  background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(247,250,255,.94));
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

#ventiGlobalShell .vnt-ai-brand{
  min-width:0;
  display:flex;
  align-items:center;
  gap:13px;
}

#ventiGlobalShell .vnt-ai-brandmark{
  width:46px;
  height:46px;
  flex:0 0 46px;
  display:grid;
  place-items:center;

  border-radius:15px;
  color:#fff;
  background:
    radial-gradient(circle at 28% 18%,rgba(255,255,255,.28),transparent 34%),
    linear-gradient(145deg,#2457f5,#5046dd);
  box-shadow:0 11px 24px rgba(49,92,240,.22);
  transition:transform .22s ease,box-shadow .22s ease;
}

#ventiGlobalShell .vnt-ai-brand:hover .vnt-ai-brandmark{
  transform:translateY(-2px) rotate(-2deg);
  box-shadow:0 15px 30px rgba(49,92,240,.26);
}

#ventiGlobalShell .vnt-ai-brandmark i{
  font-size:18px;
}

#ventiGlobalShell .vnt-ai-brand>div{
  min-width:0;
}

#ventiGlobalShell .vnt-ai-brand small{
  display:block;
  margin:0 0 5px;
  color:var(--vnt-blue);
  font-size:9px;
  line-height:1;
  font-weight:900;
  letter-spacing:.12em;
}

#ventiGlobalShell .vnt-ai-brand strong{
  display:block;
  overflow:hidden;
  color:#111827;
  font-size:17px;
  line-height:1.15;
  font-weight:900;
  letter-spacing:-.025em;
  white-space:nowrap;
  text-overflow:ellipsis;
}

#ventiGlobalShell .vnt-ai-brand span{
  display:block;
  margin-top:5px;
  color:#748198;
  font-size:10px;
  line-height:1.2;
  font-weight:700;
}

#ventiGlobalShell .vnt-ai-close{
  width:40px;
  height:40px;
  flex:0 0 40px;
  display:grid;
  place-items:center;

  border:1px solid #e1e7f0;
  border-radius:13px;
  background:linear-gradient(180deg,#ffffff,#f8fbff);
  color:#66758b;

  cursor:pointer;
  transition:
    transform .18s ease,
    color .18s ease,
    border-color .18s ease,
    box-shadow .18s ease;
}

#ventiGlobalShell .vnt-ai-close:hover{
  transform:rotate(4deg) translateY(-1px);
  color:#1f2937;
  border-color:#cfd8e6;
  box-shadow:0 8px 20px rgba(15,23,42,.06);
}

/* --------------------------------------------------------------------------
   Awareness
   -------------------------------------------------------------------------- */

#ventiGlobalShell .vnt-ai-awareness{
  position:relative;
  z-index:4;
  padding:13px 22px 14px;
  border-bottom:1px solid rgba(15,23,42,.07);
  background:
    radial-gradient(260px 90px at 0 0,rgba(16,185,129,.055),transparent 72%),
    linear-gradient(180deg,rgba(251,253,255,.96),rgba(245,249,255,.92));
}

#ventiGlobalShell .vnt-ai-awareness-main{
  display:flex;
  align-items:flex-start;
  gap:10px;
}

#ventiGlobalShell .vnt-ai-live-dot{
  width:9px;
  height:9px;
  flex:0 0 9px;
  margin-top:4px;
  border-radius:50%;
  background:#20c777;
  box-shadow:0 0 0 6px rgba(32,199,119,.10);
}

#ventiGlobalShell .vnt-ai-awareness-main strong{
  display:block;
  color:#263247;
  font-size:11px;
  line-height:1.35;
  font-weight:900;
}

#ventiGlobalShell .vnt-ai-awareness-main small{
  display:block;
  margin-top:3px;
  color:#7c8799;
  font-size:9px;
  line-height:1.4;
  font-weight:650;
}

#ventiGlobalShell .vnt-ai-context-row{
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:11px;
  overflow-x:auto;
  padding:1px 0 2px;
  scrollbar-width:none;
}

#ventiGlobalShell .vnt-ai-context-row::-webkit-scrollbar{
  display:none;
}

#ventiGlobalShell .vnt-ai-context-pill{
  min-height:31px;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:0 11px;

  border:1px solid #e5eaf2;
  border-radius:999px;
  background:#fff;
  color:#536176;

  font-size:8.7px;
  line-height:1;
  font-weight:850;

  box-shadow:0 5px 14px rgba(15,23,42,.025);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}

#ventiGlobalShell .vnt-ai-context-pill:hover{
  transform:translateY(-1px);
  box-shadow:0 9px 20px rgba(15,23,42,.06);
}

#ventiGlobalShell .vnt-ai-context-pill:nth-child(1){
  color:#087a42;
  border-color:#cdeedc;
  background:linear-gradient(180deg,#effdf5,#f9fffb);
}

#ventiGlobalShell #ventiGlobalCartChip{
  color:#1d4ed8;
  border-color:#d6e4ff;
  background:linear-gradient(180deg,#eef4ff,#fafcff);
}

#ventiGlobalShell #ventiGlobalAccountChip{
  color:#6d28d9;
  border-color:#e3d8ff;
  background:linear-gradient(180deg,#f4efff,#fcfaff);
}

/* --------------------------------------------------------------------------
   Predictive Area
   -------------------------------------------------------------------------- */

#ventiGlobalShell .vnt-ai-predictive{
  position:relative;
  z-index:3;
  min-width:0;
  padding:12px 22px 14px;

  border-bottom:1px solid rgba(15,23,42,.07);
  background:
    radial-gradient(460px 180px at 100% 0,rgba(79,70,229,.13),transparent 70%),
    radial-gradient(280px 120px at 0 100%,rgba(49,92,240,.055),transparent 72%),
    linear-gradient(180deg,#f4f5ff,#f7f9ff);
}

#ventiGlobalShell .vnt-ai-predictive[hidden]{
  display:none!important;
}

#ventiGlobalShell .vnt-ai-predictive-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}

#ventiGlobalShell .vnt-ai-predictive-head>div{
  min-width:0;
  display:flex;
  align-items:center;
  gap:9px;
}

#ventiGlobalShell .vnt-ai-predictive-head>div>span{
  width:32px;
  height:32px;
  flex:0 0 32px;
  display:grid;
  place-items:center;
  border:1px solid #dfe6ff;
  border-radius:10px;
  background:#f1f4ff;
  color:#4438ca;
}

#ventiGlobalShell .vnt-ai-predictive-head strong{
  display:block;
  color:#283449;
  font-size:10.5px;
  line-height:1.25;
  font-weight:900;
}

#ventiGlobalShell .vnt-ai-predictive-head small{
  display:block;
  margin-top:2px;
  color:#748198;
  font-size:8px;
  line-height:1.3;
  font-weight:700;
}

#ventiGlobalShell .vnt-ai-predictive-head button{
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:grid;
  place-items:center;
  border:1px solid #e3e8f0;
  border-radius:10px;
  background:linear-gradient(180deg,#ffffff,#f8fbff);
  color:#7a8799;
  cursor:pointer;
  transition:.16s ease;
}

#ventiGlobalShell .vnt-ai-predictive-head button:hover{
  color:#263247;
  border-color:#cfd8e6;
  transform:translateY(-1px);
}

#ventiGlobalShell .vnt-ai-predictive-grid{
  min-width:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}

#ventiGlobalShell .vnt-ai-predict-card{
  min-width:0;
  width:100%;
  min-height:88px;

  display:grid;
  grid-template-columns:36px minmax(0,1fr) 15px;
  align-items:center;
  gap:9px;

  padding:11px;

  border:1px solid #e4e9f2;
  border-radius:15px;
  background:linear-gradient(180deg,#ffffff,#fbfdff);
  color:inherit;
  text-align:left;

  box-shadow:0 7px 20px rgba(15,23,42,.035);
  cursor:pointer;
  overflow:hidden;

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease,
    background .18s ease;
}

#ventiGlobalShell .vnt-ai-predict-card.is-primary{
  grid-column:1/-1;
  min-height:78px;
  border-color:rgba(79,70,229,.18);
  background:
    radial-gradient(220px 100px at 0 0,rgba(79,70,229,.075),transparent 72%),
    linear-gradient(180deg,#ffffff,#f9faff);
}

#ventiGlobalShell .vnt-ai-predict-card:hover{
  transform:translateY(-2px);
  border-color:rgba(79,70,229,.24);
  box-shadow:0 13px 28px rgba(15,23,42,.07);
}

#ventiGlobalShell .vnt-ai-predict-icon{
  width:36px;
  height:36px;
  flex:0 0 36px;
  display:grid;
  place-items:center;

  border-radius:11px;
  background:#eef2ff;
  color:#4338ca;
}

#ventiGlobalShell .vnt-ai-predict-copy{
  min-width:0;
}

#ventiGlobalShell .vnt-ai-predict-copy strong{
  display:block;
  overflow:hidden;
  color:#253046;
  font-size:10.2px;
  line-height:1.28;
  font-weight:900;
  text-overflow:ellipsis;
}

#ventiGlobalShell .vnt-ai-predict-copy small{
  display:block;
  margin-top:4px;
  color:#677386;
  font-size:8.4px;
  line-height:1.4;
  font-weight:650;
}

#ventiGlobalShell .vnt-ai-predict-copy em{
  display:inline-flex;
  margin-top:7px;
  color:#4338ca;
  font-size:7.8px;
  line-height:1;
  font-style:normal;
  font-weight:900;
}

#ventiGlobalShell .vnt-ai-predict-arrow{
  justify-self:end;
  color:#a1abba;
  font-size:9px;
}

/* --------------------------------------------------------------------------
   Conversation
   -------------------------------------------------------------------------- */

#ventiGlobalShell .vnt-ai-conversation{
  position:relative;
  z-index:2;
  min-height:0;
  min-width:0;
  overflow-y:auto;
  overflow-x:hidden;

  padding:20px 22px 26px;

  background:
    radial-gradient(420px 240px at 100% 10%,rgba(49,92,240,.035),transparent 72%),
    linear-gradient(180deg,#f6f9fd 0%,#f3f6fb 100%);

  scrollbar-width:thin;
  scrollbar-color:#cbd5e1 transparent;
}

#ventiGlobalShell .vnt-ai-conversation::-webkit-scrollbar{
  width:5px;
}

#ventiGlobalShell .vnt-ai-conversation::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:#cbd5e1;
}

/* Starter */

#ventiGlobalShell .vnt-ai-starter{
  min-width:0;
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:12px;

  margin:0 0 18px;
  padding:16px;

  border:1px solid rgba(49,92,240,.10);
  border-radius:20px;
  background:
    radial-gradient(260px 130px at 0 0,rgba(49,92,240,.10),transparent 72%),
    radial-gradient(220px 120px at 100% 100%,rgba(22,169,221,.045),transparent 72%),
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,250,255,.94));
  box-shadow:var(--vnt-shadow-sm);
}

#ventiGlobalShell .vnt-ai-starter.is-compact{
  display:none!important;
}

#ventiGlobalShell .vnt-ai-starter-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;

  border:1px solid #dce6ff;
  border-radius:14px;
  background:linear-gradient(145deg,#eef3ff,#fbfdff);
  color:var(--vnt-blue);
}

#ventiGlobalShell .vnt-ai-starter-copy{
  min-width:0;
  align-self:center;
}

#ventiGlobalShell .vnt-ai-starter-copy strong{
  display:block;
  color:#1d2939;
  font-size:14px;
  line-height:1.25;
  font-weight:900;
}

#ventiGlobalShell .vnt-ai-starter-copy span{
  display:block;
  margin-top:5px;
  color:#536176;
  font-size:10.4px;
  line-height:1.5;
  font-weight:650;
}

#ventiGlobalShell .vnt-ai-faq-grid{
  grid-column:1/-1;
  min-width:0;

  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:4px;
}

#ventiGlobalShell .vnt-ai-faq-grid button{
  min-width:0;
  min-height:74px;

  display:grid;
  grid-template-columns:34px minmax(0,1fr) 14px;
  align-items:center;
  gap:9px;

  padding:11px;

  border:1px solid #e4eaf2;
  border-radius:15px;
  background:linear-gradient(180deg,#ffffff,#fbfdff);
  color:inherit;
  text-align:left;

  box-shadow:0 5px 16px rgba(15,23,42,.028);
  cursor:pointer;

  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease;
}

#ventiGlobalShell .vnt-ai-faq-grid button:last-child:nth-child(odd){
  grid-column:1/-1;
}

#ventiGlobalShell .vnt-ai-faq-grid button:hover{
  transform:translateY(-2px);
  border-color:rgba(49,92,240,.20);
  box-shadow:0 10px 24px rgba(15,23,42,.055);
}

#ventiGlobalShell .vnt-ai-faq-grid button>span{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;

  border-radius:11px;
  background:#f0f4ff;
  color:var(--vnt-blue);
}

#ventiGlobalShell .vnt-ai-faq-grid button>div{
  min-width:0;
}

#ventiGlobalShell .vnt-ai-faq-grid strong{
  display:block;
  color:#263247;
  font-size:10.3px;
  line-height:1.3;
  font-weight:900;
}

#ventiGlobalShell .vnt-ai-faq-grid small{
  display:block;
  margin-top:3px;
  color:#7e8ca1;
  font-size:8.2px;
  line-height:1.35;
  font-weight:700;
}

#ventiGlobalShell .vnt-ai-faq-grid button>i{
  justify-self:end;
  color:#9eabba;
  font-size:9px;
}

/* Messages */

#ventiGlobalShell .vnt-ai-messages{
  min-width:0;
  display:grid;
  gap:16px;
}

#ventiGlobalShell .vnt-ai-msg{
  display:flex;
  min-width:0;
}

#ventiGlobalShell .vnt-ai-msg.is-user{
  justify-content:flex-end;
}

#ventiGlobalShell .vnt-ai-msg-body{
  min-width:0;
  max-width:90%;
}

#ventiGlobalShell .vnt-ai-msg-meta{
  min-height:22px;
  display:flex;
  align-items:center;
  gap:6px;
  margin:0 2px 6px;

  color:#8d98a8;
  font-size:8.5px;
  line-height:1;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}

#ventiGlobalShell .vnt-ai-msg.is-user .vnt-ai-msg-meta{
  justify-content:flex-end;
}

#ventiGlobalShell .vnt-ai-msg-meta .ai{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border:1px solid #dce6ff;
  border-radius:8px;
  background:#eef3ff;
  color:var(--vnt-blue);
}

#ventiGlobalShell .vnt-ai-msg-time{
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin-left:2px;
  color:#a2abba;
  font-size:8px;
  font-weight:750;
  letter-spacing:0;
  text-transform:none;
}

#ventiGlobalShell .vnt-ai-msg-card{
  position:relative;
  overflow:hidden;

  padding:14px 16px 14px 18px;
  border:1px solid rgba(15,23,42,.075);
  border-radius:18px 18px 18px 6px;

  background:#fff;
  color:#263247;

  font-size:12px;
  line-height:1.65;
  font-weight:620;

  box-shadow:0 9px 24px rgba(15,23,42,.045);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}

#ventiGlobalShell .vnt-ai-msg.is-ai .vnt-ai-msg-card::before{
  content:"";
  position:absolute;
  top:13px;
  bottom:13px;
  left:0;
  width:3px;
  border-radius:0 5px 5px 0;
  background:linear-gradient(180deg,#2f64f5,#16a9dd);
}

#ventiGlobalShell .vnt-ai-msg.is-ai .vnt-ai-msg-card:hover{
  transform:translateY(-1px);
  border-color:rgba(49,92,240,.13);
  box-shadow:0 13px 30px rgba(15,23,42,.065);
}

#ventiGlobalShell .vnt-ai-msg.is-user .vnt-ai-msg-card{
  padding:11px 14px;
  border-color:transparent;
  border-radius:17px 17px 6px 17px;

  background:linear-gradient(145deg,#315cf0,#4c45dc);
  color:#fff;

  font-size:11.5px;
  font-weight:700;

  box-shadow:0 10px 25px rgba(49,92,240,.16);
}

#ventiGlobalShell .vnt-ai-msg-card p{
  margin:0 0 7px;
}

#ventiGlobalShell .vnt-ai-msg-card p:last-child{
  margin-bottom:0;
}

#ventiGlobalShell .vnt-ai-msg-card ul{
  display:grid;
  gap:5px;
  margin:8px 0 0;
  padding:0;
  list-style:none;
}

#ventiGlobalShell .vnt-ai-msg-card li{
  position:relative;
  padding:7px 9px 7px 23px;
  border-radius:10px;
  background:#f5f8fc;
}

#ventiGlobalShell .vnt-ai-msg-card li::before{
  content:"";
  position:absolute;
  top:12px;
  left:9px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--vnt-blue);
}

/* --------------------------------------------------------------------------
   Shared visual cards: products / favorites / cart / rich data
   -------------------------------------------------------------------------- */

#ventiGlobalShell .vnt-ai-product-group,
#ventiGlobalShell .vnt-ai-cart-section,
#ventiGlobalShell .vnt-ai-favorites-section,
#ventiGlobalShell .vnt-ai-rich-stack,
#ventiGlobalShell .vnt-ai-review-candidates{
  min-width:0;
}

#ventiGlobalShell .vnt-ai-product-group,
#ventiGlobalShell .vnt-ai-cart-section,
#ventiGlobalShell .vnt-ai-favorites-section{
  display:grid;
  gap:9px;
  padding:12px;
  border:1px solid #e7ecf3;
  border-radius:18px;
  background:rgba(255,255,255,.83);
  box-shadow:var(--vnt-shadow-sm);
}

#ventiGlobalShell .vnt-ai-product-group-head,
#ventiGlobalShell .vnt-ai-cart-head,
#ventiGlobalShell .vnt-ai-favorites-head{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

#ventiGlobalShell .vnt-ai-product-group-head strong,
#ventiGlobalShell .vnt-ai-cart-head strong,
#ventiGlobalShell .vnt-ai-favorites-head strong{
  color:#1f2a3d;
  font-size:10.4px;
  font-weight:900;
}

#ventiGlobalShell .vnt-ai-product-group-head>span,
#ventiGlobalShell .vnt-ai-cart-head small,
#ventiGlobalShell .vnt-ai-favorites-head small{
  color:#748198;
  font-size:8px;
  font-weight:750;
}

#ventiGlobalShell .vnt-ai-cart-head>div,
#ventiGlobalShell .vnt-ai-favorites-head>div{
  min-width:0;
  display:flex;
  align-items:center;
  gap:9px;
}

#ventiGlobalShell .vnt-ai-cart-head>div>span,
#ventiGlobalShell .vnt-ai-favorites-head>div>span{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:grid;
  place-items:center;
  border-radius:11px;
}

#ventiGlobalShell .vnt-ai-cart-head>div>span{
  border:1px solid #dce7ff;
  background:#eef4ff;
  color:#1d4ed8;
}

#ventiGlobalShell .vnt-ai-favorites-head>div>span{
  border:1px solid #fbcfe8;
  background:#fdf2f8;
  color:#db2777;
}

#ventiGlobalShell .vnt-ai-cart-head>b{
  color:#163d8f;
  font-size:10.5px;
  font-weight:950;
}

#ventiGlobalShell .vnt-ai-product-card,
#ventiGlobalShell .vnt-ai-cart-card,
#ventiGlobalShell .vnt-ai-favorite-card,
#ventiGlobalShell .vnt-ai-rich-card{
  min-width:0;
  display:grid;
  gap:10px;
  padding:10px;

  border:1px solid #e8edf4;
  border-radius:15px;
  background:linear-gradient(180deg,#ffffff,#fbfdff);
  color:inherit;
  text-decoration:none;

  box-shadow:0 6px 18px rgba(15,23,42,.035);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}

#ventiGlobalShell .vnt-ai-product-card,
#ventiGlobalShell .vnt-ai-cart-card,
#ventiGlobalShell .vnt-ai-favorite-card{
  grid-template-columns:74px minmax(0,1fr);
}

#ventiGlobalShell .vnt-ai-rich-card{
  grid-template-columns:68px minmax(0,1fr);
}

#ventiGlobalShell .vnt-ai-product-card:hover,
#ventiGlobalShell .vnt-ai-cart-card:hover,
#ventiGlobalShell .vnt-ai-favorite-card:hover,
#ventiGlobalShell .vnt-ai-rich-card:hover{
  transform:translateY(-2px);
  border-color:rgba(49,92,240,.17);
  box-shadow:0 12px 26px rgba(15,23,42,.065);
}

#ventiGlobalShell .vnt-ai-product-card>img,
#ventiGlobalShell .vnt-ai-cart-card>img,
#ventiGlobalShell .vnt-ai-favorite-card>img,
#ventiGlobalShell .vnt-ai-rich-media{
  width:74px;
  height:74px;
  overflow:hidden;

  border:1px solid #edf0f5;
  border-radius:12px;
  background:#f7f9fc;
}

#ventiGlobalShell .vnt-ai-rich-media{
  width:68px;
  height:68px;
  display:grid;
  place-items:center;
  color:var(--vnt-blue);
  background:linear-gradient(145deg,#eef4ff,#fbfdff);
}

#ventiGlobalShell .vnt-ai-product-card>img,
#ventiGlobalShell .vnt-ai-cart-card>img,
#ventiGlobalShell .vnt-ai-favorite-card>img,
#ventiGlobalShell .vnt-ai-rich-media img{
  object-fit:cover;
}

#ventiGlobalShell .vnt-ai-rich-media img{
  width:100%;
  height:100%;
}

#ventiGlobalShell .vnt-ai-product-top,
#ventiGlobalShell .vnt-ai-cart-top,
#ventiGlobalShell .vnt-ai-favorite-top,
#ventiGlobalShell .vnt-ai-rich-top{
  min-width:0;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
}

#ventiGlobalShell .vnt-ai-product-name,
#ventiGlobalShell .vnt-ai-product-card h4,
#ventiGlobalShell .vnt-ai-cart-top strong,
#ventiGlobalShell .vnt-ai-favorite-top strong,
#ventiGlobalShell .vnt-ai-rich-top strong{
  min-width:0;
  margin:0;
  color:#17233a;
  font-size:10px;
  line-height:1.35;
  font-weight:900;
}

#ventiGlobalShell .vnt-ai-price,
#ventiGlobalShell .vnt-ai-cart-top>b,
#ventiGlobalShell .vnt-ai-favorite-top>b{
  flex:0 0 auto;
  color:#173e9b;
  font-size:9.2px;
  font-weight:950;
}

#ventiGlobalShell .vnt-ai-price{
  padding:4px 7px;
  border-radius:8px;
  background:#eef3ff;
}

#ventiGlobalShell .vnt-ai-badges,
#ventiGlobalShell .vnt-ai-cart-badges,
#ventiGlobalShell .vnt-ai-favorite-badges{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:6px;
}

#ventiGlobalShell .vnt-ai-badge,
#ventiGlobalShell .vnt-ai-cart-badges span,
#ventiGlobalShell .vnt-ai-favorite-badges span{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:4px 6px;

  border-radius:999px;
  font-size:7px;
  line-height:1;
  font-weight:900;
}

#ventiGlobalShell .vnt-ai-badge.stock,
#ventiGlobalShell .vnt-ai-cart-badges .stock,
#ventiGlobalShell .vnt-ai-favorite-badges .stock{
  color:#087a42;
  background:#eafbf2;
}

#ventiGlobalShell .vnt-ai-badge.best,
#ventiGlobalShell .vnt-ai-cart-badges .best,
#ventiGlobalShell .vnt-ai-favorite-badges .best{
  color:#9a4d00;
  background:#fff3df;
}

#ventiGlobalShell .vnt-ai-badge.featured,
#ventiGlobalShell .vnt-ai-cart-badges .featured,
#ventiGlobalShell .vnt-ai-favorite-badges .featured{
  color:#1d4ed8;
  background:#eef4ff;
}

#ventiGlobalShell .vnt-ai-product-card p,
#ventiGlobalShell .vnt-ai-favorite-body>small,
#ventiGlobalShell .vnt-ai-rich-body>small{
  display:block;
  margin:6px 0 0;
  color:#536176;
  font-size:8px;
  line-height:1.4;
}

#ventiGlobalShell .vnt-ai-cart-meta{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:6px;
  color:#536176;
  font-size:7.7px;
  font-weight:760;
}

#ventiGlobalShell .vnt-ai-product-actions,
#ventiGlobalShell .vnt-ai-cart-actions,
#ventiGlobalShell .vnt-ai-favorite-actions{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:7px;
}

#ventiGlobalShell .vnt-ai-product-actions a,
#ventiGlobalShell .vnt-ai-product-actions button,
#ventiGlobalShell .vnt-ai-cart-actions a,
#ventiGlobalShell .vnt-ai-favorite-actions a,
#ventiGlobalShell .vnt-ai-favorite-actions button,
#ventiGlobalShell .vnt-ai-inline-action{
  min-height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:0 9px;

  border-radius:9px;
  font-size:7.7px;
  font-weight:900;
  text-decoration:none;
  cursor:pointer;

  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}

#ventiGlobalShell .vnt-ai-product-actions a,
#ventiGlobalShell .vnt-ai-cart-actions a,
#ventiGlobalShell .vnt-ai-favorite-actions a{
  border:1px solid #e1e7ef;
  background:#fff;
  color:#475467;
}

#ventiGlobalShell .vnt-ai-product-actions button,
#ventiGlobalShell .vnt-ai-favorite-actions button,
#ventiGlobalShell .vnt-ai-inline-action,
#ventiGlobalShell .vnt-ai-cart-actions a.primary{
  border:0;
  background:linear-gradient(135deg,#315cf0,#4f46e5);
  color:#fff;
  box-shadow:0 7px 16px rgba(49,92,240,.15);
}

#ventiGlobalShell .vnt-ai-product-actions a:hover,
#ventiGlobalShell .vnt-ai-product-actions button:hover,
#ventiGlobalShell .vnt-ai-cart-actions a:hover,
#ventiGlobalShell .vnt-ai-favorite-actions a:hover,
#ventiGlobalShell .vnt-ai-favorite-actions button:hover,
#ventiGlobalShell .vnt-ai-inline-action:hover{
  transform:translateY(-1px);
}

/* Rich cards */

#ventiGlobalShell .vnt-ai-rich-stack,
#ventiGlobalShell .vnt-ai-review-candidates{
  display:grid;
  gap:8px;
}

#ventiGlobalShell .vnt-ai-rich-body{
  min-width:0;
}

#ventiGlobalShell .vnt-ai-rich-state{
  max-width:118px;
  flex:0 0 auto;
  overflow:hidden;
  padding:4px 7px;

  border-radius:999px;
  background:#f2f4f7;
  color:#475467;

  font-size:7px;
  font-weight:900;
  white-space:nowrap;
  text-overflow:ellipsis;
}

#ventiGlobalShell .vnt-ai-rich-card.is-order .vnt-ai-rich-state{
  color:#1d4ed8;
  background:#eef4ff;
}

#ventiGlobalShell .vnt-ai-rich-card.is-review .vnt-ai-rich-state,
#ventiGlobalShell .vnt-ai-rich-card.is-review-candidate .vnt-ai-rich-state{
  color:#9a4d00;
  background:#fff5e4;
}

#ventiGlobalShell .vnt-ai-rich-card.is-ticket .vnt-ai-rich-state{
  color:#087a42;
  background:#ebfbf2;
}

#ventiGlobalShell .vnt-ai-rich-card.is-payment .vnt-ai-rich-state{
  color:#6d28d9;
  background:#f4efff;
}

#ventiGlobalShell .vnt-ai-rich-bottom{
  min-height:18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:7px;

  color:#7e8ca1;
  font-size:7.5px;
  font-weight:760;
}

#ventiGlobalShell .vnt-ai-rich-bottom b{
  color:#163d8f;
  font-size:8.8px;
  font-weight:950;
}

/* --------------------------------------------------------------------------
   Confirmation / legal / navigation
   -------------------------------------------------------------------------- */

#ventiGlobalShell .vnt-ai-confirm-card{
  position:relative;
  overflow:hidden;
  padding:13px;

  border:1px solid rgba(37,99,235,.15);
  border-radius:18px;
  background:linear-gradient(180deg,#fff,#fbfdff);
  box-shadow:0 13px 30px rgba(15,23,42,.065);
}

#ventiGlobalShell .vnt-ai-confirm-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(180deg,#2563eb,#7c3aed);
}

#ventiGlobalShell .vnt-ai-confirm-head{
  display:flex;
  align-items:center;
  gap:10px;
}

#ventiGlobalShell .vnt-ai-confirm-head>span{
  width:36px;
  height:36px;
  flex:0 0 36px;
  display:grid;
  place-items:center;

  border-radius:12px;
  background:#eef4ff;
  color:#2563eb;
}

#ventiGlobalShell .vnt-ai-confirm-head strong{
  display:block;
  color:#1f2937;
  font-size:10px;
  font-weight:930;
}

#ventiGlobalShell .vnt-ai-confirm-head small{
  display:block;
  margin-top:3px;
  color:#7e8ca1;
  font-size:7.6px;
}

#ventiGlobalShell .vnt-ai-confirm-list,
#ventiGlobalShell .vnt-ai-legal-list{
  display:grid;
  gap:6px;
  margin-top:10px;
}

#ventiGlobalShell .vnt-ai-confirm-list>span{
  padding:7px 8px;
  border-radius:10px;
  background:#f7f9fc;
  color:#475467;
  font-size:8px;
  line-height:1.45;
  font-weight:760;
}

#ventiGlobalShell .vnt-ai-confirm-list>span:first-child{
  color:#1d4ed8;
  background:#eef4ff;
}

#ventiGlobalShell .vnt-ai-legal{
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  align-items:start;
  gap:8px;

  padding:8px 9px;

  border:1px solid #e7ecf3;
  border-radius:11px;
  background:#fbfcfe;
  cursor:pointer;
}

#ventiGlobalShell .vnt-ai-legal input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

#ventiGlobalShell .vnt-ai-legal .box{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;

  border:1px solid #d8e0ec;
  border-radius:7px;
  background:#fff;
  color:transparent;
}

#ventiGlobalShell .vnt-ai-legal input:checked+.box{
  border-color:#315cf0;
  background:#315cf0;
  color:#fff;
}

#ventiGlobalShell .vnt-ai-legal .txt{
  color:#475467;
  font-size:8px;
  line-height:1.45;
  font-weight:740;
}

#ventiGlobalShell .vnt-ai-confirm-actions{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:11px;
}

#ventiGlobalShell .vnt-ai-confirm-actions button{
  min-height:36px;
  padding:0 11px;
  border-radius:11px;
  font-size:8.2px;
  font-weight:900;
  cursor:pointer;
}

#ventiGlobalShell .vnt-ai-confirm-actions .yes{
  position:relative;
  overflow:hidden;
  border:0;
  background:linear-gradient(135deg,#2563eb,#4f46e5);
  color:#fff;
  box-shadow:0 9px 22px rgba(37,99,235,.18);
}

#ventiGlobalShell .vnt-ai-confirm-actions .yes:disabled{
  opacity:.45;
  cursor:not-allowed;
}

#ventiGlobalShell .vnt-ai-confirm-actions .no{
  border:1px solid #e1e7ef;
  background:#fff;
  color:#536176;
}

#ventiGlobalShell .vnt-ai-navigation{
  display:flex;
  align-items:center;
  gap:10px;

  padding:11px 12px;

  border:1px solid #dce6ff;
  border-radius:15px;
  background:linear-gradient(135deg,#eff5ff,#fbfdff);
  box-shadow:0 9px 22px rgba(37,99,235,.06);
}

#ventiGlobalShell .vnt-ai-navigation>span{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:grid;
  place-items:center;

  border-radius:11px;
  background:linear-gradient(145deg,#315cf0,#4f46e5);
  color:#fff;
}

#ventiGlobalShell .vnt-ai-navigation strong{
  display:block;
  color:#17233a;
  font-size:9px;
  font-weight:900;
}

#ventiGlobalShell .vnt-ai-navigation small{
  display:block;
  margin-top:3px;
  color:#8490a3;
  font-size:7.4px;
}

/* --------------------------------------------------------------------------
   Guidance
   -------------------------------------------------------------------------- */

#ventiGlobalShell .vnt-ai-guidance[hidden]{
  display:none!important;
}

#ventiGlobalShell .vnt-ai-guidance{
  margin-top:12px;
}

/* --------------------------------------------------------------------------
   Footer / Composer
   -------------------------------------------------------------------------- */

#ventiGlobalShell .vnt-ai-footer{
  position:relative;
  z-index:6;
  padding:12px 18px 14px;

  border-top:1px solid rgba(15,23,42,.07);
  background:linear-gradient(180deg,rgba(250,252,255,.96),rgba(244,248,253,.98));

  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:0 -10px 28px rgba(15,23,42,.025);
}

#ventiGlobalShell .vnt-ai-composer{
  min-height:62px;
  display:flex;
  align-items:flex-end;
  gap:9px;

  padding:7px 7px 7px 10px;

  border:1px solid rgba(63,81,125,.16);
  border-radius:19px;
  background:
    radial-gradient(180px 90px at 0 50%,rgba(49,92,240,.045),transparent 72%),
    linear-gradient(180deg,#ffffff,#fbfdff);

  box-shadow:0 12px 30px rgba(15,23,42,.075),inset 0 1px 0 #fff;

  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease;
}

#ventiGlobalShell .vnt-ai-composer:focus-within{
  transform:translateY(-1px);
  border-color:rgba(49,92,240,.31);
  box-shadow:
    0 15px 34px rgba(20,48,108,.09),
    0 0 0 4px rgba(49,92,240,.055);
}

#ventiGlobalShell .vnt-ai-composer-orb{
  width:36px;
  height:36px;
  flex:0 0 36px;
  margin-bottom:3px;
  display:grid;
  place-items:center;

  border:1px solid #dfe7ff;
  border-radius:11px;
  background:#f1f4ff;
  color:var(--vnt-blue);
}

#ventiGlobalShell .vnt-ai-composer textarea{
  width:100%;
  min-width:0;
  min-height:42px;
  max-height:112px;
  flex:1 1 auto;

  padding:10px 2px;

  border:0;
  outline:0;
  resize:none;
  background:transparent;
  color:#182230;

  font-size:12px;
  line-height:1.5;
  font-weight:620;
}

#ventiGlobalShell .vnt-ai-composer textarea::placeholder{
  color:#7e8ca1;
  opacity:1;
}

#ventiGlobalShell .vnt-ai-send{
  position:relative;
  overflow:hidden;

  width:44px;
  height:44px;
  flex:0 0 44px;
  display:grid;
  place-items:center;

  border:0;
  border-radius:14px;
  background:linear-gradient(145deg,#315cf0,#4542d4);
  color:#fff;

  box-shadow:0 9px 22px rgba(49,92,240,.22);
  cursor:pointer;

  transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease;
}

#ventiGlobalShell .vnt-ai-send:hover{
  transform:translateY(-1px) scale(1.025);
  box-shadow:0 12px 26px rgba(49,92,240,.27);
}

#ventiGlobalShell .vnt-ai-send:active{
  transform:scale(.96);
}

#ventiGlobalShell .vnt-ai-send:disabled{
  opacity:.55;
  cursor:wait;
}

#ventiGlobalShell .vnt-ai-send-shine{
  position:absolute;
  inset:-35%;
  background:linear-gradient(120deg,transparent 37%,rgba(255,255,255,.26),transparent 63%);
  transform:translateX(-130%) rotate(10deg);
  animation:vnt-send-shine 4.8s ease-in-out infinite;
}

#ventiGlobalShell .vnt-ai-send i{
  position:relative;
  z-index:1;
}

#ventiGlobalShell .vnt-ai-footer-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;

  margin:7px 3px 0;

  color:#7e8ca1;
  font-size:7.8px;
  font-weight:760;
}

#ventiGlobalShell .vnt-ai-footer-meta span:first-child{
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:#536176;
}

#ventiGlobalShell .vnt-ai-footer-meta i{
  color:var(--vnt-blue);
}

#ventiGlobalShell .vnt-ai-typing{
  display:inline-flex;
  align-items:center;
  gap:3px;
}

#ventiGlobalShell .vnt-ai-typing i{
  width:4px;
  height:4px;
  border-radius:50%;
  background:#8090a6;
  animation:vnt-typing 1s ease-in-out infinite;
}

#ventiGlobalShell .vnt-ai-typing i:nth-child(2){
  animation-delay:.12s;
}

#ventiGlobalShell .vnt-ai-typing i:nth-child(3){
  animation-delay:.24s;
}

/* --------------------------------------------------------------------------
   Desktop enhancement
   -------------------------------------------------------------------------- */

@media (min-width:1200px){
  #ventiGlobalShell .vnt-ai-drawer{
    width:min(680px,44vw);
  }

  #ventiGlobalShell .vnt-ai-brand strong{
    font-size:18px;
  }

  #ventiGlobalShell .vnt-ai-awareness-main strong{
    font-size:11.5px;
  }

  #ventiGlobalShell .vnt-ai-awareness-main small{
    font-size:9.3px;
  }

  #ventiGlobalShell .vnt-ai-predict-copy strong{
    font-size:10.5px;
  }

  #ventiGlobalShell .vnt-ai-predict-copy small{
    font-size:8.6px;
  }

  #ventiGlobalShell .vnt-ai-msg-card{
    font-size:12.5px;
  }

  #ventiGlobalShell .vnt-ai-msg.is-user .vnt-ai-msg-card{
    font-size:12px;
  }

  #ventiGlobalShell .vnt-ai-composer textarea{
    font-size:13px;
  }
}

/* --------------------------------------------------------------------------
   Tablet / Narrow desktop
   -------------------------------------------------------------------------- */

@media (min-width:768px) and (max-width:991.98px){
  #ventiGlobalShell.vnt-ai{
    right:10px;
    bottom:18px;
  }

  #ventiGlobalShell .vnt-ai-drawer{
    width:min(560px,88vw);
    min-width:0;
  }

  #ventiGlobalShell .vnt-ai-predictive-grid{
    grid-template-columns:1fr;
  }

  #ventiGlobalShell .vnt-ai-predict-card.is-primary{
    grid-column:auto;
  }

  #ventiGlobalShell .vnt-ai-faq-grid{
    grid-template-columns:1fr;
  }

  #ventiGlobalShell .vnt-ai-faq-grid button:last-child:nth-child(odd){
    grid-column:auto;
  }
}

/* --------------------------------------------------------------------------
   Mobile
   -------------------------------------------------------------------------- */

@media (max-width:767.98px){
  #ventiGlobalShell.vnt-ai{
    right:10px;
    bottom:calc(76px + env(safe-area-inset-bottom,0px));
  }

  #ventiGlobalShell .vnt-ai-drawer{
    top:0;
    right:0;
    bottom:0;
    left:0;

    width:100vw;
    min-width:0;
    height:100dvh;

    border-left:0;
    box-shadow:none;
  }

  #ventiGlobalShell .vnt-ai-head{
    min-height:78px;
    padding:13px 14px;
  }

  #ventiGlobalShell .vnt-ai-brand{
    gap:10px;
  }

  #ventiGlobalShell .vnt-ai-brandmark{
    width:42px;
    height:42px;
    flex-basis:42px;
    border-radius:14px;
  }

  #ventiGlobalShell .vnt-ai-brand small{
    font-size:8px;
  }

  #ventiGlobalShell .vnt-ai-brand strong{
    font-size:15px;
  }

  #ventiGlobalShell .vnt-ai-brand span{
    font-size:8.7px;
  }

  #ventiGlobalShell .vnt-ai-close{
    width:38px;
    height:38px;
    flex-basis:38px;
  }

  #ventiGlobalShell .vnt-ai-awareness{
    padding:11px 14px 12px;
  }

  #ventiGlobalShell .vnt-ai-awareness-main strong{
    font-size:10.2px;
  }

  #ventiGlobalShell .vnt-ai-awareness-main small{
    font-size:8.2px;
  }

  #ventiGlobalShell .vnt-ai-context-row{
    margin-top:9px;
    gap:6px;
  }

  #ventiGlobalShell .vnt-ai-context-pill{
    min-height:29px;
    padding:0 9px;
    font-size:8px;
  }

  /* Mobile predictive is a horizontal snap row.
     It stays in its own grid row and NEVER overlaps the conversation. */
  #ventiGlobalShell .vnt-ai-predictive{
    padding:10px 12px 11px;
  }

  #ventiGlobalShell .vnt-ai-predictive-head{
    margin-bottom:8px;
  }

  #ventiGlobalShell .vnt-ai-predictive-head strong{
    font-size:9.5px;
  }

  #ventiGlobalShell .vnt-ai-predictive-head small{
    font-size:7.4px;
  }

  #ventiGlobalShell .vnt-ai-predictive-grid{
    display:flex;
    gap:8px;
    overflow-x:auto;
    overflow-y:hidden;
    padding:0 0 3px;

    scroll-snap-type:x proximity;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
  }

  #ventiGlobalShell .vnt-ai-predictive-grid::-webkit-scrollbar{
    display:none;
  }

  #ventiGlobalShell .vnt-ai-predict-card,
  #ventiGlobalShell .vnt-ai-predict-card.is-primary{
    width:82%;
    min-width:82%;
    min-height:80px;
    flex:0 0 82%;
    grid-column:auto;

    scroll-snap-align:start;
  }

  #ventiGlobalShell .vnt-ai-predict-copy strong{
    font-size:9.6px;
  }

  #ventiGlobalShell .vnt-ai-predict-copy small{
    font-size:7.8px;
  }

  #ventiGlobalShell .vnt-ai-predict-copy em{
    font-size:7.2px;
  }

  #ventiGlobalShell .vnt-ai-conversation{
    padding:14px 12px 18px;
  }

  #ventiGlobalShell .vnt-ai-starter{
    grid-template-columns:40px minmax(0,1fr);
    gap:10px;
    padding:13px;
    margin-bottom:14px;
    border-radius:18px;
  }

  #ventiGlobalShell .vnt-ai-starter-icon{
    width:40px;
    height:40px;
    border-radius:12px;
  }

  #ventiGlobalShell .vnt-ai-starter-copy strong{
    font-size:12.5px;
  }

  #ventiGlobalShell .vnt-ai-starter-copy span{
    font-size:9px;
    line-height:1.45;
  }

  #ventiGlobalShell .vnt-ai-faq-grid{
    grid-template-columns:1fr;
    gap:7px;
  }

  #ventiGlobalShell .vnt-ai-faq-grid button,
  #ventiGlobalShell .vnt-ai-faq-grid button:last-child:nth-child(odd){
    grid-column:auto;
    min-height:66px;
    padding:10px;
  }

  #ventiGlobalShell .vnt-ai-faq-grid strong{
    font-size:9.6px;
  }

  #ventiGlobalShell .vnt-ai-faq-grid small{
    font-size:7.7px;
  }

  #ventiGlobalShell .vnt-ai-msg-body{
    max-width:96%;
  }

  #ventiGlobalShell .vnt-ai-msg-card{
    padding:12px 13px 12px 15px;
    font-size:10.6px;
  }

  #ventiGlobalShell .vnt-ai-msg.is-user .vnt-ai-msg-card{
    font-size:10.4px;
  }

  #ventiGlobalShell .vnt-ai-product-card,
  #ventiGlobalShell .vnt-ai-cart-card,
  #ventiGlobalShell .vnt-ai-favorite-card{
    grid-template-columns:64px minmax(0,1fr);
  }

  #ventiGlobalShell .vnt-ai-rich-card{
    grid-template-columns:62px minmax(0,1fr);
  }

  #ventiGlobalShell .vnt-ai-product-card>img,
  #ventiGlobalShell .vnt-ai-cart-card>img,
  #ventiGlobalShell .vnt-ai-favorite-card>img{
    width:64px;
    height:64px;
  }

  #ventiGlobalShell .vnt-ai-rich-media{
    width:62px;
    height:62px;
  }

  #ventiGlobalShell .vnt-ai-footer{
    padding:10px 10px calc(10px + env(safe-area-inset-bottom,0px));
  }

  #ventiGlobalShell .vnt-ai-composer{
    min-height:58px;
    padding:7px;
    border-radius:17px;
  }

  #ventiGlobalShell .vnt-ai-composer-orb{
    width:34px;
    height:34px;
    flex-basis:34px;
  }

  /* 16px intentionally prevents Safari/iOS focus zoom. */
  #ventiGlobalShell .vnt-ai-composer textarea{
    min-height:42px;
    max-height:104px;
    padding:9px 2px;
    font-size:16px!important;
    line-height:1.42;
  }

  #ventiGlobalShell .vnt-ai-send{
    width:42px;
    height:42px;
    flex-basis:42px;
  }

  #ventiGlobalShell .vnt-ai-footer-meta{
    margin-top:6px;
    font-size:7px;
  }

  #ventiGlobalShell .vnt-ai-footer-meta span:last-child{
    display:none;
  }
}

/* --------------------------------------------------------------------------
   Very small mobile
   -------------------------------------------------------------------------- */

@media (max-width:420px){
  #ventiGlobalShell .vnt-ai-brand strong{
    max-width:230px;
    font-size:14px;
  }

  #ventiGlobalShell .vnt-ai-context-pill{
    font-size:7.6px;
  }

  #ventiGlobalShell .vnt-ai-predict-card,
  #ventiGlobalShell .vnt-ai-predict-card.is-primary{
    width:88%;
    min-width:88%;
    flex-basis:88%;
  }

  #ventiGlobalShell .vnt-ai-rich-state{
    max-width:90px;
  }
}

/* --------------------------------------------------------------------------
   Animations
   -------------------------------------------------------------------------- */

@keyframes vnt-launcher-pulse{
  0%{
    opacity:.72;
    transform:scale(.90);
  }
  72%,100%{
    opacity:0;
    transform:scale(1.20);
  }
}

@keyframes vnt-send-shine{
  0%,72%{
    transform:translateX(-130%) rotate(10deg);
  }
  90%,100%{
    transform:translateX(130%) rotate(10deg);
  }
}

@keyframes vnt-typing{
  0%,80%,100%{
    opacity:.45;
    transform:translateY(0);
  }
  40%{
    opacity:1;
    transform:translateY(-3px);
  }
}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
  #ventiGlobalShell *,
  #ventiGlobalShell *::before,
  #ventiGlobalShell *::after{
    scroll-behavior:auto!important;
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
  }
}


/* =========================================================
   VENTI 9.0-A6.3 · COLOR DEPTH POLISH
   Daha az beyaz, daha net kontrast, kontrollü renk vurguları
========================================================= */

#ventiGlobalShell .vnt-ai-brand strong,
#ventiGlobalShell .vnt-ai-starter-copy strong,
#ventiGlobalShell .vnt-ai-predictive-head strong{
  color:#111827;
}

#ventiGlobalShell .vnt-ai-awareness-main strong{
  color:#243149;
}

#ventiGlobalShell .vnt-ai-awareness-main small,
#ventiGlobalShell .vnt-ai-starter-copy span,
#ventiGlobalShell .vnt-ai-predictive-head small{
  color:#627087;
}

#ventiGlobalShell .vnt-ai-predict-card{
  border-color:#dde5f0;
}

#ventiGlobalShell .vnt-ai-predict-card:nth-child(2){
  background:
    radial-gradient(160px 90px at 0 0,rgba(16,163,108,.055),transparent 72%),
    linear-gradient(180deg,#ffffff,#f9fffc);
}

#ventiGlobalShell .vnt-ai-predict-card:nth-child(3){
  background:
    radial-gradient(160px 90px at 0 0,rgba(37,99,235,.055),transparent 72%),
    linear-gradient(180deg,#ffffff,#f8fbff);
}

#ventiGlobalShell .vnt-ai-predict-card:nth-child(4){
  background:
    radial-gradient(160px 90px at 0 0,rgba(109,40,217,.05),transparent 72%),
    linear-gradient(180deg,#ffffff,#fbf9ff);
}

#ventiGlobalShell .vnt-ai-faq-grid button:nth-child(1) > span{
  color:#2563eb;
  background:#eef4ff;
}
#ventiGlobalShell .vnt-ai-faq-grid button:nth-child(2) > span{
  color:#7c3aed;
  background:#f5f0ff;
}
#ventiGlobalShell .vnt-ai-faq-grid button:nth-child(3) > span{
  color:#0f9d6a;
  background:#ecfbf4;
}
#ventiGlobalShell .vnt-ai-faq-grid button:nth-child(4) > span{
  color:#0f78b8;
  background:#edf8ff;
}
#ventiGlobalShell .vnt-ai-faq-grid button:nth-child(5) > span{
  color:#d97706;
  background:#fff7e8;
}

#ventiGlobalShell .vnt-ai-faq-grid button:nth-child(1):hover{
  border-color:rgba(37,99,235,.22);
  box-shadow:0 12px 26px rgba(37,99,235,.07);
}
#ventiGlobalShell .vnt-ai-faq-grid button:nth-child(2):hover{
  border-color:rgba(124,58,237,.20);
  box-shadow:0 12px 26px rgba(124,58,237,.06);
}
#ventiGlobalShell .vnt-ai-faq-grid button:nth-child(3):hover{
  border-color:rgba(15,157,106,.20);
  box-shadow:0 12px 26px rgba(15,157,106,.06);
}
#ventiGlobalShell .vnt-ai-faq-grid button:nth-child(4):hover{
  border-color:rgba(15,120,184,.20);
  box-shadow:0 12px 26px rgba(15,120,184,.06);
}
#ventiGlobalShell .vnt-ai-faq-grid button:nth-child(5):hover{
  border-color:rgba(217,119,6,.20);
  box-shadow:0 12px 26px rgba(217,119,6,.06);
}

#ventiGlobalShell .vnt-ai-composer-orb{
  color:#315cf0;
  background:
    radial-gradient(circle at 30% 22%,rgba(255,255,255,.95),transparent 35%),
    linear-gradient(145deg,#eaf1ff,#f7faff);
  box-shadow:0 7px 16px rgba(49,92,240,.08);
}

#ventiGlobalShell .vnt-ai-send{
  background:
    radial-gradient(circle at 30% 18%,rgba(255,255,255,.22),transparent 34%),
    linear-gradient(145deg,#2b5ef0,#4f46e5);
}

#ventiGlobalShell .vnt-ai-msg.is-ai .vnt-ai-msg-card{
  background:
    radial-gradient(220px 90px at 0 0,rgba(49,92,240,.035),transparent 72%),
    linear-gradient(180deg,#ffffff,#fbfdff);
}

#ventiGlobalShell .vnt-ai-rich-card,
#ventiGlobalShell .vnt-ai-product-card,
#ventiGlobalShell .vnt-ai-cart-card,
#ventiGlobalShell .vnt-ai-favorite-card{
  background:linear-gradient(180deg,#ffffff,#fafcff);
}

#ventiGlobalShell .vnt-ai-product-group,
#ventiGlobalShell .vnt-ai-cart-section,
#ventiGlobalShell .vnt-ai-favorites-section{
  background:
    radial-gradient(220px 100px at 0 0,rgba(49,92,240,.035),transparent 72%),
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,255,.94));
}

#ventiGlobalShell .vnt-ai-footer-meta{
  color:#7d899b;
}

@media(max-width:767.98px){
  #ventiGlobalShell .vnt-ai-conversation{
    background:
      radial-gradient(300px 180px at 100% 10%,rgba(49,92,240,.032),transparent 72%),
      linear-gradient(180deg,#f5f8fc 0%,#f2f5fa 100%);
  }
}


/* =========================================================
   VENTI 9.0-A6.4 · COLOR SYSTEM + BRANDMARK FIX
   Layout korunur; renk sistemi ve üst sol AI markası rafine edilir.
========================================================= */

/* Daha zengin genel yüzey tonu */
#ventiGlobalShell .vnt-ai-drawer{
  background:
    radial-gradient(560px 300px at 105% 0,rgba(99,102,241,.14),transparent 68%),
    radial-gradient(420px 240px at -5% 32%,rgba(14,165,233,.075),transparent 70%),
    radial-gradient(340px 220px at 80% 88%,rgba(16,185,129,.045),transparent 72%),
    linear-gradient(180deg,#f8faff 0%,#eef4fb 100%)!important;
}

/* Üst başlık alanı: daha canlı ama beyazı boğmayan */
#ventiGlobalShell .vnt-ai-head{
  background:
    radial-gradient(220px 90px at 0 0,rgba(59,130,246,.055),transparent 72%),
    linear-gradient(180deg,rgba(255,255,255,.985),rgba(245,249,255,.965))!important;
}

/* CPU brandmark tamamen yeniden ele alındı */
#ventiGlobalShell .vnt-ai-brandmark{
  position:relative;
  width:48px!important;
  height:48px!important;
  flex:0 0 48px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden;

  border:1px solid rgba(255,255,255,.48)!important;
  border-radius:16px!important;

  background:
    radial-gradient(circle at 30% 22%,rgba(255,255,255,.34),transparent 34%),
    linear-gradient(145deg,#2563eb 0%,#4f46e5 52%,#7c3aed 100%)!important;

  box-shadow:
    0 12px 28px rgba(67,56,202,.24),
    inset 0 1px 0 rgba(255,255,255,.35)!important;
}

/* Hafif iç aura */
#ventiGlobalShell .vnt-ai-brandmark::before{
  content:"";
  position:absolute;
  width:30px;
  height:30px;
  border-radius:11px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
}

/* CPU ikonunu tam merkeze oturt */
#ventiGlobalShell .vnt-ai-brandmark i{
  position:relative;
  z-index:2;
  display:grid!important;
  place-items:center!important;
  width:24px!important;
  height:24px!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  font-size:19px!important;
  color:#fff!important;
  filter:drop-shadow(0 2px 4px rgba(20,30,70,.22));
  transform:none!important;
}

/* Brand hover daha rafine */
#ventiGlobalShell .vnt-ai-brand:hover .vnt-ai-brandmark{
  transform:translateY(-2px) rotate(-1.5deg)!important;
  box-shadow:
    0 16px 34px rgba(67,56,202,.30),
    inset 0 1px 0 rgba(255,255,255,.40)!important;
}

/* Başlık metinlerinin kontrastı */
#ventiGlobalShell .vnt-ai-brand small{
  color:#4f46e5!important;
}
#ventiGlobalShell .vnt-ai-brand strong{
  color:#101828!important;
}
#ventiGlobalShell .vnt-ai-brand span{
  color:#68758b!important;
}

/* Context alanı daha belirgin */
#ventiGlobalShell .vnt-ai-awareness{
  background:
    radial-gradient(240px 100px at 0 0,rgba(16,185,129,.075),transparent 72%),
    radial-gradient(240px 100px at 100% 100%,rgba(59,130,246,.05),transparent 72%),
    linear-gradient(180deg,#fbfdff,#f3f8fd)!important;
}

/* Predictive alanı daha zengin */
#ventiGlobalShell .vnt-ai-predictive{
  background:
    radial-gradient(420px 180px at 100% 0,rgba(124,58,237,.15),transparent 72%),
    radial-gradient(300px 130px at 0 100%,rgba(37,99,235,.075),transparent 70%),
    linear-gradient(180deg,#f2f2ff,#f5f8ff)!important;
}

/* Predictive kartların kategori hissi */
#ventiGlobalShell .vnt-ai-predict-card.is-primary{
  background:
    radial-gradient(220px 110px at 0 0,rgba(79,70,229,.11),transparent 72%),
    linear-gradient(180deg,#ffffff,#f8f8ff)!important;
  border-color:rgba(79,70,229,.22)!important;
}

#ventiGlobalShell .vnt-ai-predict-card:nth-child(2){
  background:
    radial-gradient(170px 95px at 0 0,rgba(16,185,129,.085),transparent 72%),
    linear-gradient(180deg,#ffffff,#f7fffb)!important;
  border-color:rgba(16,185,129,.13)!important;
}

#ventiGlobalShell .vnt-ai-predict-card:nth-child(3){
  background:
    radial-gradient(170px 95px at 0 0,rgba(14,165,233,.085),transparent 72%),
    linear-gradient(180deg,#ffffff,#f7fcff)!important;
  border-color:rgba(14,165,233,.13)!important;
}

#ventiGlobalShell .vnt-ai-predict-card:nth-child(4){
  background:
    radial-gradient(170px 95px at 0 0,rgba(236,72,153,.075),transparent 72%),
    linear-gradient(180deg,#ffffff,#fff8fc)!important;
  border-color:rgba(236,72,153,.12)!important;
}

/* Predictive icon renkleri */
#ventiGlobalShell .vnt-ai-predict-card:nth-child(1) .vnt-ai-predict-icon{
  color:#4338ca!important;
  background:#eceeff!important;
}
#ventiGlobalShell .vnt-ai-predict-card:nth-child(2) .vnt-ai-predict-icon{
  color:#0f9d6a!important;
  background:#eafbf3!important;
}
#ventiGlobalShell .vnt-ai-predict-card:nth-child(3) .vnt-ai-predict-icon{
  color:#0284c7!important;
  background:#eaf8ff!important;
}
#ventiGlobalShell .vnt-ai-predict-card:nth-child(4) .vnt-ai-predict-icon{
  color:#db2777!important;
  background:#fdf0f7!important;
}

/* Starter kart ana yüzeyi */
#ventiGlobalShell .vnt-ai-starter{
  background:
    radial-gradient(250px 130px at 0 0,rgba(49,92,240,.115),transparent 72%),
    radial-gradient(220px 120px at 100% 100%,rgba(14,165,233,.060),transparent 72%),
    linear-gradient(180deg,#ffffff,#f6faff)!important;
  border-color:rgba(49,92,240,.13)!important;
  box-shadow:0 14px 34px rgba(15,23,42,.055)!important;
}

/* Hızlı aksiyon kartlarının kendileri de hafif renk alsın */
#ventiGlobalShell .vnt-ai-faq-grid button:nth-child(1){
  background:linear-gradient(180deg,#ffffff,#f8fbff)!important;
}
#ventiGlobalShell .vnt-ai-faq-grid button:nth-child(2){
  background:linear-gradient(180deg,#ffffff,#fbf9ff)!important;
}
#ventiGlobalShell .vnt-ai-faq-grid button:nth-child(3){
  background:linear-gradient(180deg,#ffffff,#f8fffb)!important;
}
#ventiGlobalShell .vnt-ai-faq-grid button:nth-child(4){
  background:linear-gradient(180deg,#ffffff,#f7fcff)!important;
}
#ventiGlobalShell .vnt-ai-faq-grid button:nth-child(5){
  background:linear-gradient(180deg,#ffffff,#fffaf2)!important;
}

/* Açıklamaları artık soluk değil */
#ventiGlobalShell .vnt-ai-predict-copy small,
#ventiGlobalShell .vnt-ai-faq-grid small,
#ventiGlobalShell .vnt-ai-starter-copy span,
#ventiGlobalShell .vnt-ai-awareness-main small{
  color:#58677d!important;
}

/* Kart başlıkları daha tok */
#ventiGlobalShell .vnt-ai-predict-copy strong,
#ventiGlobalShell .vnt-ai-faq-grid strong,
#ventiGlobalShell .vnt-ai-starter-copy strong{
  color:#1b2740!important;
}

/* Composer'a çok hafif renk */
#ventiGlobalShell .vnt-ai-composer{
  background:
    radial-gradient(180px 90px at 0 50%,rgba(49,92,240,.065),transparent 72%),
    radial-gradient(160px 90px at 100% 50%,rgba(124,58,237,.035),transparent 72%),
    linear-gradient(180deg,#ffffff,#f9fbff)!important;
}

/* Footer yüzeyi */
#ventiGlobalShell .vnt-ai-footer{
  background:
    linear-gradient(180deg,rgba(248,251,255,.97),rgba(241,246,252,.985))!important;
}

/* Scroll thumb tema ile uyumlu */
#ventiGlobalShell .vnt-ai-conversation{
  scrollbar-color:#9eb2d8 transparent!important;
}
#ventiGlobalShell .vnt-ai-conversation::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#9eb2d8,#b5c4df)!important;
}

/* Mobilde brandmark fazla büyük görünmesin */
@media(max-width:767.98px){
  #ventiGlobalShell .vnt-ai-brandmark{
    width:43px!important;
    height:43px!important;
    flex-basis:43px!important;
    border-radius:14px!important;
  }

  #ventiGlobalShell .vnt-ai-brandmark::before{
    width:27px;
    height:27px;
    border-radius:10px;
  }

  #ventiGlobalShell .vnt-ai-brandmark i{
    width:21px!important;
    height:21px!important;
    font-size:17px!important;
  }
}


/* =========================================================
   VENTI 9.0-A6.5 · MOTION, MICROINTERACTIONS & VISUAL INTELLIGENCE
   A6.4 layout ve renk sistemi korunur.
========================================================= */

#ventiGlobalShell{
  --vnt-motion-fast:160ms;
  --vnt-motion-base:220ms;
  --vnt-motion-slow:340ms;
  --vnt-ease:cubic-bezier(.2,.8,.2,1);
  --vnt-glow-x:50%;
  --vnt-glow-y:50%;
}

/* 1) Pointer-aware ambient glow — desktop only */
@media (hover:hover) and (pointer:fine){
  #ventiGlobalShell .vnt-ai-predict-card,
  #ventiGlobalShell .vnt-ai-faq-grid button,
  #ventiGlobalShell .vnt-ai-product-card,
  #ventiGlobalShell .vnt-ai-cart-card,
  #ventiGlobalShell .vnt-ai-favorite-card,
  #ventiGlobalShell .vnt-ai-rich-card{
    position:relative;
    isolation:isolate;
  }

  #ventiGlobalShell .vnt-ai-predict-card::after,
  #ventiGlobalShell .vnt-ai-faq-grid button::after,
  #ventiGlobalShell .vnt-ai-product-card::after,
  #ventiGlobalShell .vnt-ai-cart-card::after,
  #ventiGlobalShell .vnt-ai-favorite-card::after,
  #ventiGlobalShell .vnt-ai-rich-card::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    opacity:0;
    border-radius:inherit;
    background:
      radial-gradient(
        180px circle at var(--vnt-glow-x) var(--vnt-glow-y),
        rgba(99,102,241,.12),
        rgba(59,130,246,.055) 38%,
        transparent 72%
      );
    transition:opacity var(--vnt-motion-base) ease;
  }

  #ventiGlobalShell .vnt-ai-predict-card:hover::after,
  #ventiGlobalShell .vnt-ai-faq-grid button:hover::after,
  #ventiGlobalShell .vnt-ai-product-card:hover::after,
  #ventiGlobalShell .vnt-ai-cart-card:hover::after,
  #ventiGlobalShell .vnt-ai-favorite-card:hover::after,
  #ventiGlobalShell .vnt-ai-rich-card:hover::after{
    opacity:1;
  }
}

/* 2) Message entrance: AI soldan, kullanıcı sağdan */
#ventiGlobalShell .vnt-ai-msg{
  animation:vnt-message-in var(--vnt-motion-base) var(--vnt-ease) both;
}

#ventiGlobalShell .vnt-ai-msg.is-user{
  animation-name:vnt-message-in-user;
}

@keyframes vnt-message-in{
  from{
    opacity:0;
    transform:translate3d(-8px,8px,0);
    filter:blur(2px);
  }
  to{
    opacity:1;
    transform:none;
    filter:blur(0);
  }
}

@keyframes vnt-message-in-user{
  from{
    opacity:0;
    transform:translate3d(8px,8px,0);
    filter:blur(2px);
  }
  to{
    opacity:1;
    transform:none;
    filter:blur(0);
  }
}

/* 3) Predictive rail entrance hierarchy */
#ventiGlobalShell .vnt-ai-predict-card{
  animation:vnt-card-rise .28s var(--vnt-ease) both;
}

#ventiGlobalShell .vnt-ai-predict-card:nth-child(2){animation-delay:45ms}
#ventiGlobalShell .vnt-ai-predict-card:nth-child(3){animation-delay:80ms}
#ventiGlobalShell .vnt-ai-predict-card:nth-child(4){animation-delay:115ms}

@keyframes vnt-card-rise{
  from{
    opacity:0;
    transform:translateY(8px) scale(.99);
  }
  to{
    opacity:1;
    transform:none;
  }
}

/* 4) State badge system */
#ventiGlobalShell .vnt-state-badge{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:23px;
  padding:0 8px;
  border-radius:999px;
  font-size:7.7px;
  font-weight:900;
  letter-spacing:.01em;
  border:1px solid transparent;
  white-space:nowrap;
}

#ventiGlobalShell .vnt-state-badge i{
  font-size:7px;
}

#ventiGlobalShell .vnt-state-badge.is-ready{
  color:#075e3b;
  background:#e9fbf2;
  border-color:#c8efdb;
}

#ventiGlobalShell .vnt-state-badge.is-waiting{
  color:#9a4d00;
  background:#fff5e6;
  border-color:#fde2b8;
}

#ventiGlobalShell .vnt-state-badge.is-priority{
  color:#4338ca;
  background:#eef0ff;
  border-color:#d9ddff;
}

#ventiGlobalShell .vnt-state-badge.is-info{
  color:#0369a1;
  background:#edf8ff;
  border-color:#d5efff;
}

/* 5) Composer: focus intelligence */
#ventiGlobalShell .vnt-ai-composer{
  position:relative;
  overflow:hidden;
}

#ventiGlobalShell .vnt-ai-composer::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  background:
    linear-gradient(
      100deg,
      rgba(59,130,246,.03),
      rgba(124,58,237,.07),
      rgba(14,165,233,.035)
    );
  transform:translateX(-8%);
  transition:
    opacity var(--vnt-motion-base) ease,
    transform var(--vnt-motion-slow) var(--vnt-ease);
}

#ventiGlobalShell .vnt-ai-composer:focus-within::before{
  opacity:1;
  transform:translateX(0);
}

#ventiGlobalShell .vnt-ai-composer > *{
  position:relative;
  z-index:1;
}

#ventiGlobalShell .vnt-ai-composer:focus-within .vnt-ai-composer-orb{
  transform:scale(1.05);
  box-shadow:
    0 8px 20px rgba(49,92,240,.12),
    0 0 0 4px rgba(49,92,240,.045);
}

#ventiGlobalShell .vnt-ai-composer:focus-within .vnt-ai-send{
  animation:vnt-send-ready 1.8s ease-in-out infinite;
}

@keyframes vnt-send-ready{
  0%,100%{
    box-shadow:0 9px 22px rgba(49,92,240,.22);
  }
  50%{
    box-shadow:
      0 11px 26px rgba(49,92,240,.27),
      0 0 0 5px rgba(49,92,240,.045);
  }
}

/* 6) Skeleton system */
#ventiGlobalShell .vnt-skeleton{
  position:relative;
  overflow:hidden;
  border-radius:10px;
  background:#eaf0f7;
  color:transparent!important;
}

#ventiGlobalShell .vnt-skeleton::after{
  content:"";
  position:absolute;
  inset:0;
  transform:translateX(-100%);
  background:linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.75),
    transparent
  );
  animation:vnt-skeleton 1.2s ease-in-out infinite;
}

#ventiGlobalShell .vnt-skeleton-line{
  height:10px;
  border-radius:999px;
}

#ventiGlobalShell .vnt-skeleton-line.is-short{width:42%}
#ventiGlobalShell .vnt-skeleton-line.is-medium{width:68%}
#ventiGlobalShell .vnt-skeleton-line.is-long{width:92%}

@keyframes vnt-skeleton{
  100%{transform:translateX(100%)}
}

/* 7) Loading intelligence block */
#ventiGlobalShell .vnt-ai-loading-state{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:12px;
  border:1px solid #e5eaf3;
  border-radius:15px;
  background:
    radial-gradient(180px 90px at 0 0,rgba(49,92,240,.045),transparent 72%),
    #fff;
  box-shadow:0 7px 18px rgba(15,23,42,.035);
}

#ventiGlobalShell .vnt-ai-loading-state>span{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:12px;
  color:#315cf0;
  background:#eef4ff;
}

#ventiGlobalShell .vnt-ai-loading-state>span i{
  animation:vnt-loading-rotate 1.1s linear infinite;
}

#ventiGlobalShell .vnt-ai-loading-state strong{
  display:block;
  color:#23304a;
  font-size:9.5px;
  font-weight:900;
}

#ventiGlobalShell .vnt-ai-loading-state small{
  display:block;
  margin-top:3px;
  color:#66758b;
  font-size:8px;
  line-height:1.35;
}

@keyframes vnt-loading-rotate{
  to{transform:rotate(360deg)}
}

/* 8) Scrollbar: daha akıllı, hover'da belirgin */
#ventiGlobalShell .vnt-ai-conversation::-webkit-scrollbar{
  width:6px;
}

#ventiGlobalShell .vnt-ai-conversation::-webkit-scrollbar-track{
  background:transparent;
}

#ventiGlobalShell .vnt-ai-conversation::-webkit-scrollbar-thumb{
  border:1px solid transparent;
  border-radius:999px;
  background-clip:padding-box;
  transition:background .18s ease;
}

#ventiGlobalShell .vnt-ai-conversation:hover::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#8ea8d4,#aabbd8)!important;
}

/* 9) Micro feedback for action buttons */
#ventiGlobalShell button,
#ventiGlobalShell a{
  -webkit-tap-highlight-color:transparent;
}

#ventiGlobalShell .vnt-ai-product-actions button:active,
#ventiGlobalShell .vnt-ai-favorite-actions button:active,
#ventiGlobalShell .vnt-ai-inline-action:active,
#ventiGlobalShell .vnt-ai-confirm-actions button:active,
#ventiGlobalShell .vnt-ai-predict-card:active,
#ventiGlobalShell .vnt-ai-faq-grid button:active{
  transform:scale(.975)!important;
}

/* 10) Responsive scale tokens — 2K/4K için doğal büyüme */
@media(min-width:1800px){
  #ventiGlobalShell .vnt-ai-drawer{
    width:clamp(680px,36vw,760px)!important;
  }

  #ventiGlobalShell .vnt-ai-brand strong{
    font-size:19px!important;
  }

  #ventiGlobalShell .vnt-ai-msg-card{
    font-size:13px!important;
  }

  #ventiGlobalShell .vnt-ai-composer textarea{
    font-size:13.5px!important;
  }
}

/* 11) Mobile app feel */
@media(max-width:767.98px){
  #ventiGlobalShell .vnt-ai-footer{
    box-shadow:
      0 -14px 34px rgba(15,23,42,.055),
      0 -1px 0 rgba(255,255,255,.65)!important;
  }

  #ventiGlobalShell .vnt-ai-composer{
    border-radius:18px!important;
  }

  #ventiGlobalShell .vnt-ai-predict-card{
    transition:
      transform var(--vnt-motion-base) var(--vnt-ease),
      box-shadow var(--vnt-motion-base) ease!important;
  }

  #ventiGlobalShell .vnt-ai-predict-card:active{
    transform:scale(.985)!important;
  }
}

/* Reduced motion: kullanıcı tercihini tam koru */
@media(prefers-reduced-motion:reduce){
  #ventiGlobalShell .vnt-ai-msg,
  #ventiGlobalShell .vnt-ai-predict-card,
  #ventiGlobalShell .vnt-ai-composer:focus-within .vnt-ai-send,
  #ventiGlobalShell .vnt-ai-loading-state>span i,
  #ventiGlobalShell .vnt-skeleton::after{
    animation:none!important;
  }
}


/* =========================================================
   VENTI 9.0-A6.6 · PREDICTIVE BADGE LAYOUT FIX
   A6.5'te eklenen state badge, CTA metninin üstüne biniyordu.
   Badge artık bağımsız alt satırda, CTA ile çakışmadan konumlanır.
========================================================= */

#ventiGlobalShell .vnt-ai-predict-copy{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "title title"
    "desc desc"
    "cta badge"!important;
  column-gap:8px!important;
  row-gap:0!important;
  align-items:center!important;
}

#ventiGlobalShell .vnt-ai-predict-copy > strong{
  grid-area:title!important;
}

#ventiGlobalShell .vnt-ai-predict-copy > small{
  grid-area:desc!important;
}

#ventiGlobalShell .vnt-ai-predict-copy > em{
  grid-area:cta!important;
  min-width:0!important;
  margin-top:7px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}

#ventiGlobalShell .vnt-ai-predict-copy > .vnt-state-badge{
  grid-area:badge!important;
  justify-self:end!important;
  align-self:end!important;
  margin-top:7px!important;
  position:static!important;
  transform:none!important;
  pointer-events:none!important;
}

#ventiGlobalShell .vnt-ai-predict-card{
  align-items:center!important;
}

#ventiGlobalShell .vnt-ai-predict-arrow{
  align-self:center!important;
}

/* Birincil kartta daha rahat nefes */
#ventiGlobalShell .vnt-ai-predict-card.is-primary .vnt-ai-predict-copy{
  column-gap:10px!important;
}

/* Dar masaüstü / tablet */
@media(max-width:1199.98px){
  #ventiGlobalShell .vnt-ai-predict-copy{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "title"
      "desc"
      "cta"
      "badge"!important;
  }

  #ventiGlobalShell .vnt-ai-predict-copy > .vnt-state-badge{
    justify-self:start!important;
    margin-top:6px!important;
  }
}

/* Mobilde badge daha kompakt */
@media(max-width:767.98px){
  #ventiGlobalShell .vnt-state-badge{
    min-height:21px!important;
    padding:0 7px!important;
    font-size:7px!important;
  }
}


/* =========================================================
   VENTI 9.0-A6.7 · CONVERSATION FOCUS MODE
   Predictive alan konuşma başladığında artık sohbeti daraltmaz.
========================================================= */

#ventiGlobalShell .vnt-ai-predictive{
  max-height:420px;
  overflow:hidden;
  transition:
    max-height .28s var(--vnt-ease),
    padding .28s var(--vnt-ease),
    opacity .20s ease,
    border-color .20s ease;
}

/* Konuşma başladığında yalnız predictive başlığı kalır */
#ventiGlobalShell .vnt-ai-predictive.is-collapsed{
  max-height:50px!important;
  padding-top:8px!important;
  padding-bottom:8px!important;
  background:linear-gradient(180deg,#f5f6ff,#f8faff)!important;
}

#ventiGlobalShell .vnt-ai-predictive.is-collapsed .vnt-ai-predictive-head{
  margin-bottom:0!important;
}

#ventiGlobalShell .vnt-ai-predictive.is-collapsed .vnt-ai-predictive-grid{
  display:none!important;
}

/* Sohbet aktifse starter kaldırılır, asıl alan mesaj geçmişine verilir */
#ventiGlobalShell.is-conversation-focus .vnt-ai-starter{
  display:none!important;
}

#ventiGlobalShell.is-conversation-focus .vnt-ai-conversation{
  padding-top:14px!important;
}

#ventiGlobalShell.is-conversation-focus .vnt-ai-messages{
  gap:18px!important;
}

/* Focus modunda predictive başlığı ikincil görünür */
#ventiGlobalShell.is-conversation-focus .vnt-ai-predictive-head small{
  display:none!important;
}

#ventiGlobalShell.is-conversation-focus .vnt-ai-predictive-head strong{
  font-size:9.7px!important;
}

/* X ile manuel kapatılırsa predictive grid satırı tamamen çöker */
#ventiGlobalShell .vnt-ai-predictive[hidden]{
  display:none!important;
}

@media(max-width:767.98px){
  #ventiGlobalShell .vnt-ai-predictive.is-collapsed{
    max-height:46px!important;
    padding:7px 10px!important;
  }

  #ventiGlobalShell.is-conversation-focus .vnt-ai-conversation{
    padding-top:10px!important;
  }
}


/* =========================================================
   VENTI 9.0-A6.8 · COMMAND DECK + ADAPTIVE RECOMMENDATION RAIL
   Amaç:
   - Üst bölümü "AI command deck" hissine taşımak
   - Venti öneriyor alanını sohbet sırasında da görünür tutmak
   - Boğucu dikey yüksekliği azaltmak
   - Daha rafine, daha az "AI template" görünümü
========================================================= */

/* -----------------------------
   1) AI COMMAND DECK
------------------------------ */

#ventiGlobalShell .vnt-ai-head{
  min-height:96px!important;
  padding:17px 20px!important;
  overflow:hidden;

  background:
    radial-gradient(330px 150px at 0 0,rgba(59,130,246,.11),transparent 70%),
    radial-gradient(240px 130px at 100% 0,rgba(124,58,237,.09),transparent 70%),
    linear-gradient(180deg,#fbfdff 0%,#f5f8fe 100%)!important;
}

#ventiGlobalShell .vnt-ai-head::after{
  content:"";
  position:absolute;
  left:20px;
  right:20px;
  bottom:0;
  height:1px;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(49,92,240,.25) 20%,
    rgba(124,58,237,.20) 50%,
    rgba(14,165,233,.18) 80%,
    transparent
  );
}

/* Daha rafine brand core */
#ventiGlobalShell .vnt-ai-brandmark{
  position:relative!important;
  width:50px!important;
  height:50px!important;
  flex-basis:50px!important;
  border-radius:17px!important;

  background:
    radial-gradient(circle at 30% 22%,rgba(255,255,255,.38),transparent 30%),
    radial-gradient(circle at 72% 72%,rgba(34,211,238,.16),transparent 36%),
    linear-gradient(145deg,#245af2 0%,#4f46e5 48%,#7c3aed 100%)!important;

  box-shadow:
    0 13px 30px rgba(67,56,202,.26),
    inset 0 1px 0 rgba(255,255,255,.38),
    inset 0 -12px 24px rgba(49,46,129,.11)!important;
}

#ventiGlobalShell .vnt-ai-brandmark::after{
  content:"";
  position:absolute;
  inset:7px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.05),
    0 0 22px rgba(96,165,250,.10);
  pointer-events:none;
}

/* Header metinleri daha editorial */
#ventiGlobalShell .vnt-ai-brand small{
  margin-bottom:6px!important;
  color:#4756d8!important;
  font-size:8.6px!important;
  letter-spacing:.13em!important;
}

#ventiGlobalShell .vnt-ai-brand strong{
  font-size:18px!important;
  letter-spacing:-.035em!important;
}

#ventiGlobalShell .vnt-ai-brand span{
  color:#68768c!important;
  font-size:9.2px!important;
}

/* Close daha hafif, daha premium */
#ventiGlobalShell .vnt-ai-close{
  border-color:#dde5f0!important;
  background:
    radial-gradient(circle at 30% 20%,rgba(255,255,255,.96),transparent 32%),
    linear-gradient(180deg,#ffffff,#f7faff)!important;
  box-shadow:0 7px 18px rgba(15,23,42,.035)!important;
}

#ventiGlobalShell .vnt-ai-close:hover{
  color:#4f46e5!important;
  border-color:#ccd6ea!important;
  box-shadow:0 10px 22px rgba(67,56,202,.08)!important;
}

/* Awareness alanı tek bir "status strip" hissinde */
#ventiGlobalShell .vnt-ai-awareness{
  padding:12px 20px 13px!important;
  background:
    linear-gradient(180deg,rgba(247,251,255,.97),rgba(242,247,252,.96))!important;
}

#ventiGlobalShell .vnt-ai-awareness-main{
  position:relative;
  padding-left:1px;
}

#ventiGlobalShell .vnt-ai-live-dot{
  margin-top:3px!important;
  box-shadow:
    0 0 0 5px rgba(32,199,119,.10),
    0 0 18px rgba(32,199,119,.13)!important;
}

/* -----------------------------
   2) ADAPTIVE RECOMMENDATION RAIL
------------------------------ */

#ventiGlobalShell .vnt-ai-predictive{
  max-height:360px!important;
  padding:11px 20px 13px!important;

  background:
    radial-gradient(420px 180px at 100% 0,rgba(99,102,241,.13),transparent 72%),
    radial-gradient(280px 120px at 0 100%,rgba(14,165,233,.06),transparent 72%),
    linear-gradient(180deg,#f4f5ff,#f6f9ff)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.62),
    inset 0 -1px 0 rgba(99,102,241,.05)!important;
}

#ventiGlobalShell .vnt-ai-predictive-head{
  margin-bottom:9px!important;
}

#ventiGlobalShell .vnt-ai-predictive-head>div>span{
  width:31px!important;
  height:31px!important;
  border-radius:10px!important;

  color:#4f46e5!important;
  background:
    radial-gradient(circle at 30% 20%,rgba(255,255,255,.92),transparent 34%),
    linear-gradient(145deg,#edf1ff,#f8f9ff)!important;

  box-shadow:0 7px 16px rgba(79,70,229,.06)!important;
}

#ventiGlobalShell .vnt-ai-predictive-head strong{
  font-size:10.2px!important;
  color:#26324a!important;
}

#ventiGlobalShell .vnt-ai-predictive-head small{
  font-size:7.7px!important;
  color:#7b879b!important;
}

/* Toggle artık close değil, expand/collapse kontrolü */
#ventiGlobalShell .vnt-ai-predictive-head button{
  width:30px!important;
  height:30px!important;
  border-radius:10px!important;
  color:#66758b!important;
  background:rgba(255,255,255,.84)!important;
  box-shadow:0 5px 14px rgba(15,23,42,.035)!important;
}

#ventiGlobalShell .vnt-ai-predictive-head button:hover{
  color:#4f46e5!important;
  background:#fff!important;
}

/* Full predictive layout: one hero + 2 compact cards */
#ventiGlobalShell .vnt-ai-predictive-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}

#ventiGlobalShell .vnt-ai-predict-card{
  min-height:78px!important;
  padding:10px!important;
  border-radius:14px!important;
}

#ventiGlobalShell .vnt-ai-predict-card.is-primary{
  min-height:74px!important;
  grid-column:1/-1!important;
}

/* -----------------------------
   3) COLLAPSED = MINI RAIL
   görünür kalır, ama boğmaz
------------------------------ */

#ventiGlobalShell .vnt-ai-predictive.is-collapsed{
  max-height:108px!important;
  padding:8px 20px 10px!important;
  overflow:hidden!important;

  background:
    linear-gradient(180deg,#f4f6ff,#f7f9ff)!important;
}

#ventiGlobalShell .vnt-ai-predictive.is-collapsed .vnt-ai-predictive-head{
  margin-bottom:7px!important;
}

#ventiGlobalShell .vnt-ai-predictive.is-collapsed .vnt-ai-predictive-head small{
  display:none!important;
}

/* A6.7'de grid tamamen gizleniyordu — artık kompakt rail görünür */
#ventiGlobalShell .vnt-ai-predictive.is-collapsed .vnt-ai-predictive-grid{
  display:flex!important;
  gap:7px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:0 1px 2px!important;
  scrollbar-width:none!important;
}

#ventiGlobalShell .vnt-ai-predictive.is-collapsed .vnt-ai-predictive-grid::-webkit-scrollbar{
  display:none!important;
}

/* Mini action cards */
#ventiGlobalShell .vnt-ai-predictive.is-collapsed .vnt-ai-predict-card,
#ventiGlobalShell .vnt-ai-predictive.is-collapsed .vnt-ai-predict-card.is-primary{
  width:auto!important;
  min-width:190px!important;
  max-width:230px!important;
  min-height:44px!important;
  flex:0 0 auto!important;
  grid-column:auto!important;

  display:flex!important;
  align-items:center!important;
  gap:8px!important;

  padding:7px 9px!important;
  border-radius:12px!important;
  box-shadow:0 5px 14px rgba(15,23,42,.03)!important;
}

/* Mini rail'de ikon ufalır */
#ventiGlobalShell .vnt-ai-predictive.is-collapsed .vnt-ai-predict-icon{
  width:28px!important;
  height:28px!important;
  flex:0 0 28px!important;
  border-radius:9px!important;
}

/* Copy sadece title + CTA; desc ve badge gizli */
#ventiGlobalShell .vnt-ai-predictive.is-collapsed .vnt-ai-predict-copy{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
}

#ventiGlobalShell .vnt-ai-predictive.is-collapsed .vnt-ai-predict-copy>strong{
  max-width:118px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  font-size:8.9px!important;
}

#ventiGlobalShell .vnt-ai-predictive.is-collapsed .vnt-ai-predict-copy>small,
#ventiGlobalShell .vnt-ai-predictive.is-collapsed .vnt-ai-predict-copy>.vnt-state-badge{
  display:none!important;
}

#ventiGlobalShell .vnt-ai-predictive.is-collapsed .vnt-ai-predict-copy>em{
  margin:0!important;
  padding:3px 6px!important;
  border-radius:999px!important;
  background:#eef2ff!important;
  color:#4338ca!important;
  font-size:6.8px!important;
  white-space:nowrap!important;
}

#ventiGlobalShell .vnt-ai-predictive.is-collapsed .vnt-ai-predict-arrow{
  display:none!important;
}

/* -----------------------------
   4) CONVERSATION AIR
------------------------------ */

#ventiGlobalShell.is-conversation-focus .vnt-ai-conversation{
  padding-top:16px!important;
  background:
    radial-gradient(420px 220px at 100% 0,rgba(59,130,246,.025),transparent 72%),
    linear-gradient(180deg,#f6f8fc,#f3f6fb)!important;
}

/* Messages occupy center more naturally */
#ventiGlobalShell.is-conversation-focus .vnt-ai-msg-body{
  max-width:86%!important;
}

/* Starter remains hidden after conversation starts */
#ventiGlobalShell.is-conversation-focus .vnt-ai-starter{
  display:none!important;
}

/* -----------------------------
   5) MOBILE
------------------------------ */

@media(max-width:767.98px){
  #ventiGlobalShell .vnt-ai-head{
    min-height:80px!important;
    padding:12px 13px!important;
  }

  #ventiGlobalShell .vnt-ai-brandmark{
    width:44px!important;
    height:44px!important;
    flex-basis:44px!important;
  }

  #ventiGlobalShell .vnt-ai-brand strong{
    font-size:15px!important;
  }

  #ventiGlobalShell .vnt-ai-awareness{
    padding:10px 13px 11px!important;
  }

  #ventiGlobalShell .vnt-ai-predictive{
    padding:9px 11px 10px!important;
  }

  #ventiGlobalShell .vnt-ai-predictive.is-collapsed{
    max-height:102px!important;
    padding:7px 11px 9px!important;
  }

  #ventiGlobalShell .vnt-ai-predictive.is-collapsed .vnt-ai-predict-card,
  #ventiGlobalShell .vnt-ai-predictive.is-collapsed .vnt-ai-predict-card.is-primary{
    min-width:174px!important;
    max-width:200px!important;
  }

  #ventiGlobalShell .vnt-ai-predictive.is-collapsed .vnt-ai-predict-copy>strong{
    max-width:102px!important;
  }

  #ventiGlobalShell.is-conversation-focus .vnt-ai-conversation{
    padding-top:11px!important;
  }

  #ventiGlobalShell.is-conversation-focus .vnt-ai-msg-body{
    max-width:95%!important;
  }
}


/* =========================================================
   VENTI 9.0-A6.9 · COMPACT DYNAMIC TOPBAR
   Amaç: Header + awareness + context chip alanını daha kompakt,
   daha dinamik ve daha az dikey yer kaplayan bir üst command bar'a dönüştürmek.
========================================================= */

/* 1) Header yüksekliği ve padding azaltıldı */
#ventiGlobalShell .vnt-ai-head{
  min-height:72px!important;
  padding:11px 16px!important;
  gap:12px!important;
}

/* Brand core daha küçük ve dengeli */
#ventiGlobalShell .vnt-ai-brand{
  gap:10px!important;
}

#ventiGlobalShell .vnt-ai-brandmark{
  width:42px!important;
  height:42px!important;
  flex-basis:42px!important;
  border-radius:14px!important;
}

#ventiGlobalShell .vnt-ai-brandmark::before{
  width:26px!important;
  height:26px!important;
  border-radius:9px!important;
}

#ventiGlobalShell .vnt-ai-brandmark::after{
  inset:6px!important;
  border-radius:10px!important;
}

#ventiGlobalShell .vnt-ai-brandmark i{
  width:20px!important;
  height:20px!important;
  font-size:16px!important;
}

#ventiGlobalShell .vnt-ai-brand small{
  margin-bottom:3px!important;
  font-size:7.6px!important;
  letter-spacing:.11em!important;
}

#ventiGlobalShell .vnt-ai-brand strong{
  font-size:15.5px!important;
  line-height:1.12!important;
}

#ventiGlobalShell .vnt-ai-brand span{
  margin-top:3px!important;
  font-size:8.2px!important;
}

/* Close butonu daha kompakt */
#ventiGlobalShell .vnt-ai-close{
  width:36px!important;
  height:36px!important;
  flex-basis:36px!important;
  border-radius:12px!important;
}

/* 2) Awareness artık iki satırlı büyük blok değil, dinamik status bar */
#ventiGlobalShell .vnt-ai-awareness{
  padding:8px 16px 9px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "status chips"!important;
  align-items:center!important;
  gap:10px!important;

  background:
    linear-gradient(180deg,rgba(248,251,255,.98),rgba(243,248,253,.96))!important;
}

#ventiGlobalShell .vnt-ai-awareness-main{
  grid-area:status!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}

#ventiGlobalShell .vnt-ai-live-dot{
  margin-top:0!important;
  width:8px!important;
  height:8px!important;
  flex-basis:8px!important;
  box-shadow:
    0 0 0 4px rgba(32,199,119,.09),
    0 0 14px rgba(32,199,119,.12)!important;
}

#ventiGlobalShell .vnt-ai-awareness-main>div{
  min-width:0!important;
}

#ventiGlobalShell .vnt-ai-awareness-main strong{
  display:block!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  font-size:9.8px!important;
  line-height:1.2!important;
}

#ventiGlobalShell .vnt-ai-awareness-main small{
  display:block!important;
  margin-top:2px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  font-size:7.4px!important;
  line-height:1.2!important;
}

/* 3) Chipler aynı satırda kompakt */
#ventiGlobalShell .vnt-ai-context-row{
  grid-area:chips!important;
  margin:0!important;
  padding:0!important;
  gap:5px!important;
  overflow:visible!important;
}

#ventiGlobalShell .vnt-ai-context-pill{
  min-height:27px!important;
  padding:0 8px!important;
  gap:5px!important;
  font-size:7.6px!important;
  box-shadow:0 4px 10px rgba(15,23,42,.022)!important;
}

#ventiGlobalShell .vnt-ai-context-pill i{
  font-size:8px!important;
}

/* 4) Header + awareness birleşik command strip hissi */
#ventiGlobalShell .vnt-ai-head,
#ventiGlobalShell .vnt-ai-awareness{
  border-bottom-color:rgba(15,23,42,.055)!important;
}

#ventiGlobalShell .vnt-ai-head::after{
  left:16px!important;
  right:16px!important;
  opacity:.72!important;
}

/* 5) Desktop'ta predictive alan üst blokla daha yakın bağ kurar */
#ventiGlobalShell .vnt-ai-predictive{
  padding-top:9px!important;
}

/* 6) Hover/micro motion daha rafine */
#ventiGlobalShell .vnt-ai-brandmark,
#ventiGlobalShell .vnt-ai-context-pill,
#ventiGlobalShell .vnt-ai-close{
  transition:
    transform .18s var(--vnt-ease),
    box-shadow .18s ease,
    border-color .18s ease,
    background .18s ease!important;
}

#ventiGlobalShell .vnt-ai-context-pill:hover{
  transform:translateY(-1px) scale(1.01)!important;
}

/* 7) Tablet - chipler alta taşar ama yine kompakt kalır */
@media(min-width:768px) and (max-width:1099.98px){
  #ventiGlobalShell .vnt-ai-awareness{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "status"
      "chips"!important;
    gap:7px!important;
  }

  #ventiGlobalShell .vnt-ai-context-row{
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }

  #ventiGlobalShell .vnt-ai-context-row::-webkit-scrollbar{
    display:none!important;
  }
}

/* 8) Mobile üst alan daha da sıkı */
@media(max-width:767.98px){
  #ventiGlobalShell .vnt-ai-head{
    min-height:66px!important;
    padding:9px 11px!important;
  }

  #ventiGlobalShell .vnt-ai-brand{
    gap:8px!important;
  }

  #ventiGlobalShell .vnt-ai-brandmark{
    width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
    border-radius:13px!important;
  }

  #ventiGlobalShell .vnt-ai-brandmark::before{
    width:23px!important;
    height:23px!important;
  }

  #ventiGlobalShell .vnt-ai-brandmark i{
    font-size:15px!important;
  }

  #ventiGlobalShell .vnt-ai-brand small{
    font-size:7px!important;
  }

  #ventiGlobalShell .vnt-ai-brand strong{
    font-size:13.5px!important;
  }

  #ventiGlobalShell .vnt-ai-brand span{
    font-size:7.5px!important;
  }

  #ventiGlobalShell .vnt-ai-close{
    width:34px!important;
    height:34px!important;
    flex-basis:34px!important;
  }

  #ventiGlobalShell .vnt-ai-awareness{
    padding:7px 11px 8px!important;
    grid-template-columns:1fr!important;
    grid-template-areas:
      "status"
      "chips"!important;
    gap:6px!important;
  }

  #ventiGlobalShell .vnt-ai-awareness-main strong{
    font-size:9.2px!important;
  }

  #ventiGlobalShell .vnt-ai-awareness-main small{
    display:none!important;
  }

  #ventiGlobalShell .vnt-ai-context-row{
    overflow-x:auto!important;
    gap:5px!important;
    scrollbar-width:none!important;
  }

  #ventiGlobalShell .vnt-ai-context-pill{
    min-height:26px!important;
    padding:0 8px!important;
    font-size:7.4px!important;
  }
}


/* =========================================================
   VENTI 9.0-A6.10 · LIVE SUPPORT BRAND REFINEMENT
   Amaç:
   - Sol üst brand alanını daha UI/UX odaklı hale getirmek
   - bi-cpu görünümünü canlı destek hissi veren premium bir kimliğe taşımak
   - Yapıyı daha kompakt, dinamik ve rafine yapmak
========================================================= */

/* 1) Header brand alanı daha rafine */
#ventiGlobalShell .vnt-ai-head{
  min-height:68px!important;
  padding:10px 14px!important;
}

#ventiGlobalShell .vnt-ai-brand{
  align-items:center!important;
  gap:11px!important;
  min-width:0!important;
}

/* 2) Canlı destek ikon alanı */
#ventiGlobalShell .vnt-ai-brandmark{
  position:relative!important;
  width:40px!important;
  height:40px!important;
  flex-basis:40px!important;
  border-radius:14px!important;
  overflow:hidden!important;

  background:
    radial-gradient(circle at 28% 22%, rgba(255,255,255,.46), transparent 28%),
    radial-gradient(circle at 78% 76%, rgba(125,211,252,.22), transparent 32%),
    linear-gradient(145deg,#3068ff 0%,#4f46e5 48%,#7c3aed 100%)!important;

  box-shadow:
    0 10px 24px rgba(79,70,229,.22),
    inset 0 1px 0 rgba(255,255,255,.42),
    inset 0 -10px 18px rgba(30,41,59,.10)!important;
}

#ventiGlobalShell .vnt-ai-brandmark::before{
  content:"";
  position:absolute;
  inset:7px;
  border-radius:10px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,.06));
  border:1px solid rgba(255,255,255,.18);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}

#ventiGlobalShell .vnt-ai-brandmark::after{
  content:"";
  position:absolute;
  width:11px;
  height:11px;
  right:5px;
  bottom:5px;
  border-radius:999px;
  background:linear-gradient(180deg,#32d583,#12b76a);
  box-shadow:
    0 0 0 3px rgba(50,213,131,.12),
    0 0 14px rgba(18,183,106,.30);
  z-index:2;
}

/* Icon: canlı destek / headset hissi */
#ventiGlobalShell .vnt-ai-brandmark i{
  position:relative!important;
  z-index:1!important;
  width:20px!important;
  height:20px!important;
  font-size:15px!important;
  color:#ffffff!important;
  filter:drop-shadow(0 2px 6px rgba(15,23,42,.22));
}

/* 3) Title side refined */
#ventiGlobalShell .vnt-ai-brand > div{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}

/* Üst küçük label */
#ventiGlobalShell .vnt-ai-brand small{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  margin-bottom:2px!important;
  font-size:7.2px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  color:#4f46e5!important;
  text-transform:uppercase!important;
}

#ventiGlobalShell .vnt-ai-brand small::before{
  content:"";
  width:5px;
  height:5px;
  border-radius:999px;
  background:#34d399;
  box-shadow:0 0 0 3px rgba(52,211,153,.12);
  flex:0 0 5px;
}

/* Ana başlık */
#ventiGlobalShell .vnt-ai-brand strong{
  display:block!important;
  font-size:15px!important;
  line-height:1.08!important;
  font-weight:850!important;
  letter-spacing:-.035em!important;
  color:#172033!important;
}

/* Alt açıklama satırı */
#ventiGlobalShell .vnt-ai-brand span{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  margin-top:3px!important;
  font-size:8px!important;
  font-weight:600!important;
  color:#73819a!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#ventiGlobalShell .vnt-ai-brand span::before{
  content:"";
  width:14px;
  height:1px;
  border-radius:999px;
  background:linear-gradient(90deg,#60a5fa,#a78bfa);
  flex:0 0 14px;
}

/* 4) Header sol tarafında subtle hover */
#ventiGlobalShell .vnt-ai-brand:hover .vnt-ai-brandmark{
  transform:translateY(-1px) scale(1.015)!important;
  box-shadow:
    0 14px 28px rgba(79,70,229,.25),
    inset 0 1px 0 rgba(255,255,255,.42),
    inset 0 -10px 18px rgba(30,41,59,.10)!important;
}

/* 5) Awareness satırı ile daha iyi bağ */
#ventiGlobalShell .vnt-ai-awareness{
  padding:7px 14px 8px!important;
  gap:8px!important;
}

#ventiGlobalShell .vnt-ai-awareness-main strong{
  font-size:9.4px!important;
}
#ventiGlobalShell .vnt-ai-awareness-main small{
  font-size:7.2px!important;
}

/* 6) Chipler biraz daha dinamik */
#ventiGlobalShell .vnt-ai-context-pill{
  min-height:26px!important;
  border-radius:999px!important;
  padding:0 9px!important;
  font-size:7.4px!important;
}

#ventiGlobalShell .vnt-ai-context-pill:hover{
  box-shadow:0 6px 16px rgba(79,70,229,.08)!important;
}

/* 7) Kapat butonu da görsel olarak header'a uyumlu */
#ventiGlobalShell .vnt-ai-close{
  width:34px!important;
  height:34px!important;
  flex-basis:34px!important;
  border-radius:12px!important;
}

/* 8) Mobile / dar alan iyileştirme */
@media(max-width:767.98px){
  #ventiGlobalShell .vnt-ai-head{
    min-height:62px!important;
    padding:9px 10px!important;
  }

  #ventiGlobalShell .vnt-ai-brand{
    gap:9px!important;
  }

  #ventiGlobalShell .vnt-ai-brandmark{
    width:36px!important;
    height:36px!important;
    flex-basis:36px!important;
    border-radius:13px!important;
  }

  #ventiGlobalShell .vnt-ai-brandmark::before{
    inset:6px!important;
    border-radius:9px!important;
  }

  #ventiGlobalShell .vnt-ai-brandmark::after{
    width:9px!important;
    height:9px!important;
    right:4px!important;
    bottom:4px!important;
  }

  #ventiGlobalShell .vnt-ai-brandmark i{
    font-size:14px!important;
  }

  #ventiGlobalShell .vnt-ai-brand small{
    margin-bottom:1px!important;
    font-size:6.7px!important;
  }

  #ventiGlobalShell .vnt-ai-brand strong{
    font-size:13.5px!important;
  }

  #ventiGlobalShell .vnt-ai-brand span{
    font-size:7.4px!important;
  }

  #ventiGlobalShell .vnt-ai-awareness{
    padding:6px 10px 7px!important;
  }

  #ventiGlobalShell .vnt-ai-context-pill{
    min-height:25px!important;
    font-size:7.1px!important;
    padding:0 8px!important;
  }
}


/* =========================================================
   VENTI 9.0-A6.11 · SUPPORT CONCIERGE HEADER
   Hedef:
   - üst header alanını daha ferah, kompakt ve düzenli yapmak
   - CPU hissini tamamen silmek
   - canlı destek / müşteri temsilcisi hissi veren bir brand tile kurmak
========================================================= */

/* Ferah kompakt üst bant */
#ventiGlobalShell .vnt-ai-head{
  min-height:70px!important;
  padding:12px 16px!important;
  gap:14px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,252,255,.98))!important;
}

#ventiGlobalShell .vnt-ai-brand{
  gap:12px!important;
  align-items:center!important;
  min-width:0!important;
}

/* İkon kutusu: destek temsilcisi avatarı */
#ventiGlobalShell .vnt-ai-brandmark{
  position:relative!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  flex-basis:44px!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 28% 24%,rgba(255,255,255,.34),transparent 32%),
    linear-gradient(145deg,#3167ff 0%,#4f46e5 52%,#7c3aed 100%)!important;
  box-shadow:
    0 10px 22px rgba(79,70,229,.18),
    inset 0 1px 0 rgba(255,255,255,.35)!important;
}

/* CPU icon görselini tamamen devre dışı bırak */
#ventiGlobalShell .vnt-ai-brandmark i{
  opacity:0!important;
  transform:scale(.1)!important;
  pointer-events:none!important;
}

/* Temsilci silüeti */
#ventiGlobalShell .vnt-ai-brandmark::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 35%, rgba(255,255,255,.98) 0 14%, transparent 15%),
    radial-gradient(ellipse at 50% 70%, rgba(255,255,255,.95) 0 24%, transparent 25%),
    radial-gradient(circle at 29% 42%, rgba(255,255,255,.96) 0 6%, transparent 6.8%),
    radial-gradient(circle at 71% 42%, rgba(255,255,255,.96) 0 6%, transparent 6.8%),
    linear-gradient(rgba(255,255,255,.96),rgba(255,255,255,.96));
  background-size:
    100% 100%,
    100% 100%,
    100% 100%,
    100% 100%,
    14px 2px;
  background-position:
    center,
    center,
    center,
    center,
    center 42%;
  background-repeat:no-repeat;
  opacity:.97;
}

/* Mikro canlılık halkası + live dot */
#ventiGlobalShell .vnt-ai-brandmark::after{
  content:"";
  position:absolute;
  right:4px;
  bottom:4px;
  width:10px;
  height:10px;
  border-radius:999px;
  background:linear-gradient(180deg,#34d399,#16a34a);
  box-shadow:0 0 0 3px rgba(52,211,153,.12), 0 0 14px rgba(22,163,74,.30);
}

#ventiGlobalShell .vnt-ai-brand > div{
  min-width:0!important;
}

/* üst etiket */
#ventiGlobalShell .vnt-ai-brand small{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  margin:0 0 2px 0!important;
  font-size:7px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
  color:#4f46e5!important;
}
#ventiGlobalShell .vnt-ai-brand small::before{
  content:"";
  width:5px;
  height:5px;
  border-radius:999px;
  background:#34d399;
  flex:0 0 5px;
  box-shadow:0 0 0 3px rgba(52,211,153,.14);
}

/* Ana başlık temiz ve net */
#ventiGlobalShell .vnt-ai-brand strong{
  display:block!important;
  margin:0!important;
  font-size:14px!important;
  line-height:1.14!important;
  font-weight:820!important;
  letter-spacing:-.025em!important;
  color:#172033!important;
}

/* Alt açıklama ayrı nefes alsın */
#ventiGlobalShell .vnt-ai-brand span{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-top:4px!important;
  font-size:7.8px!important;
  font-weight:600!important;
  line-height:1.15!important;
  color:#7a879c!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#ventiGlobalShell .vnt-ai-brand span::before{
  content:"";
  width:18px;
  height:1px;
  border-radius:999px;
  background:linear-gradient(90deg,#93c5fd,#c4b5fd);
  flex:0 0 18px;
}

/* close butonu daha sakin */
#ventiGlobalShell .vnt-ai-close{
  width:36px!important;
  height:36px!important;
  flex-basis:36px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(148,163,184,.28)!important;
  box-shadow:0 6px 18px rgba(15,23,42,.035)!important;
}

/* awareness satırı net ayrışsın */
#ventiGlobalShell .vnt-ai-awareness{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  padding:9px 16px 10px!important;
  border-top:1px solid rgba(99,102,241,.05)!important;
  background:
    linear-gradient(180deg,rgba(247,250,255,.98),rgba(243,248,253,.98))!important;
}

#ventiGlobalShell .vnt-ai-awareness-main{
  gap:9px!important;
}

#ventiGlobalShell .vnt-ai-live-dot{
  width:9px!important;
  height:9px!important;
  flex-basis:9px!important;
  box-shadow:0 0 0 5px rgba(34,197,94,.09), 0 0 14px rgba(34,197,94,.18)!important;
}

#ventiGlobalShell .vnt-ai-awareness-main strong{
  font-size:9.2px!important;
  font-weight:760!important;
  color:#1f2a44!important;
}

#ventiGlobalShell .vnt-ai-awareness-main small{
  margin-top:2px!important;
  font-size:7.1px!important;
  color:#7f8ba0!important;
}

/* pill alanı daha temiz */
#ventiGlobalShell .vnt-ai-context-row{
  gap:7px!important;
}
#ventiGlobalShell .vnt-ai-context-pill{
  min-height:28px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  font-size:7.5px!important;
  font-weight:700!important;
  box-shadow:0 4px 12px rgba(15,23,42,.025)!important;
}

/* Üst alan kalabalığını azalt */
#ventiGlobalShell .vnt-ai-head::after,
#ventiGlobalShell .vnt-ai-awareness::before{
  opacity:.45!important;
}

/* hoverler ince ve premium */
#ventiGlobalShell .vnt-ai-brandmark,
#ventiGlobalShell .vnt-ai-close,
#ventiGlobalShell .vnt-ai-context-pill{
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease!important;
}
#ventiGlobalShell .vnt-ai-brand:hover .vnt-ai-brandmark{
  transform:translateY(-1px)!important;
  box-shadow:0 12px 24px rgba(79,70,229,.22), inset 0 1px 0 rgba(255,255,255,.35)!important;
}
#ventiGlobalShell .vnt-ai-context-pill:hover{
  transform:translateY(-1px)!important;
}

/* Mobil / dar ekran */
@media(max-width:767.98px){
  #ventiGlobalShell .vnt-ai-head{
    min-height:64px!important;
    padding:10px 11px!important;
    gap:10px!important;
  }
  #ventiGlobalShell .vnt-ai-brand{
    gap:10px!important;
  }
  #ventiGlobalShell .vnt-ai-brandmark{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    flex-basis:40px!important;
    border-radius:15px!important;
  }
  #ventiGlobalShell .vnt-ai-brand strong{
    font-size:13px!important;
  }
  #ventiGlobalShell .vnt-ai-brand span{
    font-size:7.4px!important;
    gap:6px!important;
  }
  #ventiGlobalShell .vnt-ai-brand span::before{
    width:12px!important;
    flex-basis:12px!important;
  }
  #ventiGlobalShell .vnt-ai-close{
    width:34px!important;
    height:34px!important;
    flex-basis:34px!important;
  }
  #ventiGlobalShell .vnt-ai-awareness{
    grid-template-columns:1fr!important;
    gap:7px!important;
    padding:8px 11px 9px!important;
  }
  #ventiGlobalShell .vnt-ai-awareness-main small{
    display:none!important;
  }
  #ventiGlobalShell .vnt-ai-context-row{
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  #ventiGlobalShell .vnt-ai-context-row::-webkit-scrollbar{display:none!important;}
}


/* =========================================================
   VENTI 9.0-A7 · MULTIMODAL SUPPORT WORKSPACE
========================================================= */
#ventiGlobalShell .vnt-ai-ticket-workspace{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:9px 14px;border-bottom:1px solid rgba(15,23,42,.07);
  background:linear-gradient(135deg,#eef8ff,#f5f3ff 54%,#effcf7);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
#ventiGlobalShell .vnt-ai-ticket-workspace[hidden]{display:none!important}
#ventiGlobalShell .vnt-ai-ticket-workspace-main{min-width:0;display:flex;align-items:center;gap:10px}
#ventiGlobalShell .vnt-ai-ticket-live{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(145deg,#2563eb,#6366f1);box-shadow:0 8px 18px rgba(79,70,229,.18)}
#ventiGlobalShell .vnt-ai-ticket-workspace-main>div{min-width:0}
#ventiGlobalShell .vnt-ai-ticket-workspace small{display:block;color:#4f46e5;font-size:6.7px;font-weight:900;letter-spacing:.1em}
#ventiGlobalShell .vnt-ai-ticket-workspace strong{display:block;max-width:340px;margin-top:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#172033;font-size:9.5px;font-weight:900}
#ventiGlobalShell .vnt-ai-ticket-workspace-main span:not(.vnt-ai-ticket-live){display:block;margin-top:2px;color:#66758b;font-size:7.4px;font-weight:650}
#ventiGlobalShell .vnt-ai-ticket-actions{display:flex;align-items:center;gap:6px}
#ventiGlobalShell .vnt-ai-ticket-actions button{height:30px;border-radius:10px;border:1px solid #dce5f2;background:rgba(255,255,255,.82);color:#475467;cursor:pointer;font-size:7.4px;font-weight:850;transition:.18s ease}
#ventiGlobalShell .vnt-ai-ticket-actions button:hover{transform:translateY(-1px);box-shadow:0 7px 16px rgba(15,23,42,.06)}
#ventiGlobalShell .vnt-ai-ticket-mode{display:inline-flex;align-items:center;gap:5px;padding:0 9px}
#ventiGlobalShell .vnt-ai-ticket-unbind{width:30px;padding:0;display:grid;place-items:center}

#ventiGlobalShell .vnt-ai-media-tray{display:flex;gap:7px;overflow-x:auto;margin:0 0 8px;padding:1px;scrollbar-width:none}
#ventiGlobalShell .vnt-ai-media-tray[hidden]{display:none!important}
#ventiGlobalShell .vnt-ai-media-tray::-webkit-scrollbar{display:none}
#ventiGlobalShell .vnt-ai-media-chip{min-width:150px;max-width:220px;display:grid;grid-template-columns:28px minmax(0,1fr) 24px;align-items:center;gap:7px;padding:6px 7px;border:1px solid #dfe6f1;border-radius:12px;background:linear-gradient(180deg,#fff,#f9fbff);box-shadow:0 5px 14px rgba(15,23,42,.035)}
#ventiGlobalShell .vnt-ai-media-chip>span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#eef3ff;color:#4f46e5}
#ventiGlobalShell .vnt-ai-media-chip div{min-width:0}
#ventiGlobalShell .vnt-ai-media-chip strong,#ventiGlobalShell .vnt-ai-media-chip small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#ventiGlobalShell .vnt-ai-media-chip strong{color:#253047;font-size:7.8px;font-weight:850}
#ventiGlobalShell .vnt-ai-media-chip small{margin-top:2px;color:#8490a4;font-size:6.7px}
#ventiGlobalShell .vnt-ai-media-chip button{width:24px;height:24px;border:0;border-radius:8px;background:#f3f6fa;color:#7a8799;cursor:pointer}

#ventiGlobalShell .vnt-ai-composer-tools{display:flex;align-items:center;gap:4px;flex:0 0 auto}
#ventiGlobalShell .vnt-ai-tool{width:34px;height:34px;display:grid;place-items:center;border:1px solid #e0e7f2;border-radius:11px;background:#f7f9fd;color:#526175;cursor:pointer;transition:.18s ease}
#ventiGlobalShell .vnt-ai-tool:hover{color:#4f46e5;background:#f0f3ff;transform:translateY(-1px)}
#ventiGlobalShell .vnt-ai-tool.is-recording{color:#fff;background:linear-gradient(145deg,#ef4444,#e11d48);border-color:transparent;animation:vnt-record-pulse 1.15s ease-in-out infinite}
@keyframes vnt-record-pulse{50%{box-shadow:0 0 0 6px rgba(239,68,68,.10)}}

#ventiGlobalShell .vnt-ai-voice-mode{margin-left:8px;min-height:24px;padding:0 8px;display:inline-flex;align-items:center;gap:5px;border:1px solid #dfe6f0;border-radius:999px;background:#fff;color:#667085;font-size:6.8px;font-weight:850;cursor:pointer}
#ventiGlobalShell .vnt-ai-voice-mode.is-active{color:#fff;border-color:transparent;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 6px 14px rgba(79,70,229,.14)}

#ventiGlobalShell .vnt-ai-attachment-stack{display:grid;gap:7px;margin-top:-7px}
#ventiGlobalShell .vnt-ai-attachment-card{display:grid;grid-template-columns:46px minmax(0,1fr) 20px;align-items:center;gap:9px;padding:8px;border:1px solid #e2e8f1;border-radius:13px;background:linear-gradient(180deg,#fff,#fafcff);color:inherit;text-decoration:none;box-shadow:0 6px 16px rgba(15,23,42,.035)}
#ventiGlobalShell .vnt-ai-attachment-card .thumb,#ventiGlobalShell .vnt-ai-attachment-card .audio{width:46px;height:46px;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:#eef3ff;color:#4f46e5}
#ventiGlobalShell .vnt-ai-attachment-card .thumb img{width:100%;height:100%;object-fit:cover}
#ventiGlobalShell .vnt-ai-attachment-card strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#253047;font-size:8.3px;font-weight:850}
#ventiGlobalShell .vnt-ai-attachment-card small{display:block;margin-top:2px;color:#8490a4;font-size:7px}

@media(max-width:767.98px){
  #ventiGlobalShell .vnt-ai-ticket-workspace{padding:8px 10px;gap:8px}
  #ventiGlobalShell .vnt-ai-ticket-workspace strong{max-width:190px}
  #ventiGlobalShell .vnt-ai-ticket-mode span{display:none}
  #ventiGlobalShell .vnt-ai-composer{gap:6px!important}
  #ventiGlobalShell .vnt-ai-composer-tools{gap:3px}
  #ventiGlobalShell .vnt-ai-tool{width:32px;height:32px;border-radius:10px}
  #ventiGlobalShell .vnt-ai-voice-mode span{display:none}
}


/* =========================================================
   VENTI 9.0-A7.1 · UNIFIED HEADER + VOICE/MEDIA UX
========================================================= */

/* 1. Header + context tek alan. Drawer yeniden tam 5 satır. */
#ventiGlobalShell .vnt-ai-drawer{
  grid-template-rows:auto auto auto minmax(0,1fr) auto!important;
}

#ventiGlobalShell .vnt-ai-head-unified{
  min-height:76px!important;
  padding:11px 14px!important;
  display:grid!important;
  grid-template-columns:minmax(210px,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  background:
    radial-gradient(250px 110px at 0 0,rgba(79,70,229,.055),transparent 72%),
    linear-gradient(180deg,#fff,#f8fbff)!important;
  border-bottom:1px solid #e7ebf3!important;
}

#ventiGlobalShell .vnt-ai-head-unified::after{display:none!important}

#ventiGlobalShell .vnt-ai-brand{
  min-width:0!important;
  gap:11px!important;
}

/* Temsilci ikonu: kişi + headset, CPU/çip hissi yok */
#ventiGlobalShell .vnt-ai-brandmark{
  position:relative!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  flex-basis:44px!important;
  border-radius:15px!important;
  overflow:hidden!important;
  display:block!important;
  border:1px solid rgba(255,255,255,.7)!important;
  background:linear-gradient(145deg,#2563eb,#4f46e5 56%,#6d28d9)!important;
  box-shadow:0 9px 22px rgba(79,70,229,.20),inset 0 1px 0 rgba(255,255,255,.34)!important;
}
#ventiGlobalShell .vnt-ai-brandmark::before,
#ventiGlobalShell .vnt-ai-brandmark::after{content:none!important}
#ventiGlobalShell .vnt-ai-brandmark .vnt-ai-rep-person{
  position:absolute!important;
  z-index:1!important;
  left:50%!important;
  top:54%!important;
  width:auto!important;height:auto!important;
  opacity:1!important;
  color:rgba(255,255,255,.96)!important;
  font-size:22px!important;
  line-height:1!important;
  transform:translate(-50%,-50%)!important;
  filter:none!important;
}
#ventiGlobalShell .vnt-ai-brandmark .vnt-ai-rep-headset{
  position:absolute!important;
  z-index:2!important;
  left:50%!important;
  top:49%!important;
  width:auto!important;height:auto!important;
  opacity:1!important;
  color:#fff!important;
  font-size:29px!important;
  line-height:1!important;
  transform:translate(-50%,-50%)!important;
  filter:drop-shadow(0 2px 4px rgba(15,23,42,.16))!important;
}
#ventiGlobalShell .vnt-ai-brandmark .vnt-ai-rep-live{
  position:absolute;
  z-index:4;
  right:4px;
  bottom:4px;
  width:9px;
  height:9px;
  border:2px solid #fff;
  border-radius:50%;
  background:#22c55e;
  box-shadow:0 0 0 3px rgba(34,197,94,.10);
}

#ventiGlobalShell .vnt-ai-brand-copy{min-width:0!important}
#ventiGlobalShell .vnt-ai-brand-copy small{
  margin:0 0 3px!important;
  color:#4f46e5!important;
  font-size:7.2px!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
}
#ventiGlobalShell .vnt-ai-brand-copy small::before{display:none!important}
#ventiGlobalShell .vnt-ai-brand-copy strong{
  margin:0!important;
  color:#131d31!important;
  font-size:14.2px!important;
  line-height:1.08!important;
  font-weight:880!important;
  letter-spacing:-.025em!important;
}
#ventiGlobalShell .vnt-ai-brand-copy span{
  margin-top:4px!important;
  color:#78859a!important;
  font-size:7.7px!important;
  line-height:1.15!important;
  font-weight:620!important;
}
#ventiGlobalShell .vnt-ai-brand-copy span::before{display:none!important}

#ventiGlobalShell .vnt-ai-head-tools{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
}
#ventiGlobalShell .vnt-ai-head-context{
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}
#ventiGlobalShell .vnt-ai-head-context::-webkit-scrollbar{display:none!important}
#ventiGlobalShell .vnt-ai-head-context .vnt-ai-context-pill{
  min-height:28px!important;
  padding:0 9px!important;
  font-size:7.3px!important;
  font-weight:760!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:none!important;
}
#ventiGlobalShell .vnt-ai-head-context .vnt-ai-context-pill:first-child{
  color:#087a42!important;border-color:#ccefdc!important;background:#f2fcf7!important;
}
#ventiGlobalShell .vnt-ai-close{
  width:36px!important;height:36px!important;flex-basis:36px!important;
  border-radius:13px!important;
}

/* 2. Görsel/ses tray gerçek preview */
#ventiGlobalShell .vnt-ai-media-tray{
  margin:0 0 8px!important;
  gap:8px!important;
}
#ventiGlobalShell .vnt-ai-media-chip{
  min-width:190px!important;
  max-width:280px!important;
  grid-template-columns:46px minmax(0,1fr) 28px!important;
  gap:9px!important;
  padding:7px!important;
  border-radius:14px!important;
  border-color:#dce4f0!important;
  box-shadow:0 7px 18px rgba(15,23,42,.045)!important;
}
#ventiGlobalShell .vnt-ai-media-preview{
  width:46px!important;height:46px!important;
  overflow:hidden!important;
  display:grid!important;place-items:center!important;
  border-radius:11px!important;
  background:#eef3ff!important;color:#4f46e5!important;
}
#ventiGlobalShell .vnt-ai-media-preview img{width:100%;height:100%;object-fit:cover;display:block}
#ventiGlobalShell .vnt-ai-media-preview.is-audio i{font-size:18px}
#ventiGlobalShell .vnt-ai-media-chip strong{font-size:8.4px!important;color:#263247!important}
#ventiGlobalShell .vnt-ai-media-chip small{font-size:7px!important;color:#66758b!important}
#ventiGlobalShell .vnt-ai-composer.has-media{
  border-color:rgba(79,70,229,.30)!important;
  box-shadow:0 11px 28px rgba(79,70,229,.08),0 0 0 3px rgba(79,70,229,.035)!important;
}

/* 3. Voice console daha görünür */
#ventiGlobalShell .vnt-ai-voice-console{
  width:100%;
  min-height:48px;
  margin:0 0 8px;
  padding:7px 9px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto 30px;
  align-items:center;
  gap:9px;
  border:1px solid #dde5f1;
  border-radius:15px;
  background:
    radial-gradient(180px 80px at 0 0,rgba(79,70,229,.055),transparent 72%),
    linear-gradient(180deg,#fff,#f8fbff);
  color:#263247;
  text-align:left;
  cursor:pointer;
  box-shadow:0 6px 18px rgba(15,23,42,.035);
  transition:.18s ease;
}
#ventiGlobalShell .vnt-ai-voice-console:hover{transform:translateY(-1px);border-color:#cfd9eb;box-shadow:0 9px 22px rgba(15,23,42,.055)}
#ventiGlobalShell .vnt-ai-voice-console-icon{
  width:34px;height:34px;display:grid;place-items:center;border-radius:11px;
  color:#4f46e5;background:#eef1ff;
}
#ventiGlobalShell .vnt-ai-voice-console-copy{min-width:0}
#ventiGlobalShell .vnt-ai-voice-console-copy strong{display:block;font-size:8.8px;font-weight:900;color:#1f2a44}
#ventiGlobalShell .vnt-ai-voice-console-copy small{display:block;margin-top:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:7px;color:#7a8799}
#ventiGlobalShell .vnt-ai-voice-wave{height:22px;display:flex;align-items:center;gap:2px;padding:0 4px}
#ventiGlobalShell .vnt-ai-voice-wave i{width:2px;height:5px;border-radius:999px;background:#9aa7ba;transition:.16s ease}
#ventiGlobalShell .vnt-ai-voice-switch{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#f3f6fb;color:#718096}
#ventiGlobalShell .vnt-ai-voice-console.is-active{
  border-color:rgba(79,70,229,.25);
  background:linear-gradient(135deg,#f4f5ff,#f8fbff);
  box-shadow:0 8px 22px rgba(79,70,229,.07);
}
#ventiGlobalShell .vnt-ai-voice-console.is-active .vnt-ai-voice-console-icon,
#ventiGlobalShell .vnt-ai-voice-console.is-active .vnt-ai-voice-switch{color:#fff;background:linear-gradient(145deg,#315cf0,#6d4aff)}
#ventiGlobalShell .vnt-ai-voice-console.is-listening{
  border-color:rgba(34,197,94,.30)!important;
  background:linear-gradient(135deg,#f2fff8,#f6f8ff)!important;
  box-shadow:0 8px 24px rgba(34,197,94,.08)!important;
}
#ventiGlobalShell .vnt-ai-voice-console.is-listening .vnt-ai-voice-wave i{
  background:linear-gradient(180deg,#22c55e,#4f46e5);
  animation:vnt-voice-wave .72s ease-in-out infinite alternate;
}
#ventiGlobalShell .vnt-ai-voice-console.is-listening .vnt-ai-voice-wave i:nth-child(2){animation-delay:.10s}
#ventiGlobalShell .vnt-ai-voice-console.is-listening .vnt-ai-voice-wave i:nth-child(3){animation-delay:.20s}
#ventiGlobalShell .vnt-ai-voice-console.is-listening .vnt-ai-voice-wave i:nth-child(4){animation-delay:.30s}
#ventiGlobalShell .vnt-ai-voice-console.is-listening .vnt-ai-voice-wave i:nth-child(5){animation-delay:.40s}
@keyframes vnt-voice-wave{from{height:5px;opacity:.55}to{height:21px;opacity:1}}

/* 4. Ses kaydı alınıyor: gözle görülür durum */
#ventiGlobalShell .vnt-ai-recording-state{
  min-height:48px;
  margin:0 0 8px;
  padding:7px 9px;
  display:grid;
  grid-template-columns:10px minmax(0,1fr) auto auto;
  align-items:center;
  gap:9px;
  border:1px solid #fecaca;
  border-radius:15px;
  background:linear-gradient(180deg,#fff7f7,#fffafa);
  box-shadow:0 7px 18px rgba(225,29,72,.05);
}
#ventiGlobalShell .vnt-ai-recording-state[hidden]{display:none!important}
#ventiGlobalShell .vnt-ai-recording-dot{width:9px;height:9px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.10);animation:vnt-rec-dot 1s ease-in-out infinite}
#ventiGlobalShell .vnt-ai-recording-copy strong{display:block;font-size:8.5px;color:#9f1239;font-weight:900}
#ventiGlobalShell .vnt-ai-recording-copy small{display:block;margin-top:2px;font-size:7px;color:#a75b6f}
#ventiGlobalShell .vnt-ai-recording-wave{height:24px;display:flex;align-items:center;gap:2px}
#ventiGlobalShell .vnt-ai-recording-wave i{width:2px;height:6px;border-radius:999px;background:#ef4444;animation:vnt-rec-wave .62s ease-in-out infinite alternate}
#ventiGlobalShell .vnt-ai-recording-wave i:nth-child(2){animation-delay:.08s}#ventiGlobalShell .vnt-ai-recording-wave i:nth-child(3){animation-delay:.16s}#ventiGlobalShell .vnt-ai-recording-wave i:nth-child(4){animation-delay:.24s}#ventiGlobalShell .vnt-ai-recording-wave i:nth-child(5){animation-delay:.32s}#ventiGlobalShell .vnt-ai-recording-wave i:nth-child(6){animation-delay:.40s}
#ventiGlobalShell #ventiRecordingStop{min-height:30px;padding:0 9px;display:inline-flex;align-items:center;gap:4px;border:0;border-radius:9px;background:#e11d48;color:#fff;font-size:7px;font-weight:900;cursor:pointer}
#ventiGlobalShell .vnt-ai-recording-state.is-uploading{border-color:#dbe3f0;background:#f7f9fd}
#ventiGlobalShell .vnt-ai-recording-state.is-uploading .vnt-ai-recording-dot{background:#4f46e5;animation:none}
@keyframes vnt-rec-dot{50%{opacity:.45;transform:scale(.78)}}
@keyframes vnt-rec-wave{from{height:5px;opacity:.55}to{height:23px;opacity:1}}

/* 5. Composer araçları daha anlaşılır */
#ventiGlobalShell .vnt-ai-composer-tools{gap:5px!important}
#ventiGlobalShell .vnt-ai-tool{width:36px!important;height:36px!important;border-radius:11px!important;font-size:14px!important}
#ventiGlobalShell .vnt-ai-tool.is-recording{box-shadow:0 0 0 4px rgba(239,68,68,.08),0 7px 18px rgba(225,29,72,.15)!important}

@media(max-width:1100px){
  #ventiGlobalShell .vnt-ai-head-unified{grid-template-columns:minmax(190px,1fr) minmax(0,1.35fr)!important}
  #ventiGlobalShell .vnt-ai-brand-copy span{display:none!important}
}

@media(max-width:767.98px){
  #ventiGlobalShell .vnt-ai-head-unified{
    min-height:94px!important;
    padding:9px 10px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"brand close" "chips chips"!important;
    gap:7px 9px!important;
  }
  #ventiGlobalShell .vnt-ai-brand{grid-area:brand!important}
  #ventiGlobalShell .vnt-ai-head-tools{display:contents!important}
  #ventiGlobalShell .vnt-ai-close{grid-area:close!important;justify-self:end!important}
  #ventiGlobalShell .vnt-ai-head-context{grid-area:chips!important;width:100%!important;justify-content:flex-start!important}
  #ventiGlobalShell .vnt-ai-brandmark{width:40px!important;height:40px!important;min-width:40px!important;flex-basis:40px!important}
  #ventiGlobalShell .vnt-ai-brandmark .vnt-ai-rep-headset{font-size:26px!important}
  #ventiGlobalShell .vnt-ai-brandmark .vnt-ai-rep-person{font-size:20px!important}
  #ventiGlobalShell .vnt-ai-brand-copy strong{font-size:13px!important}
  #ventiGlobalShell .vnt-ai-head-context .vnt-ai-context-pill{min-height:26px!important;padding:0 8px!important;font-size:7px!important}
  #ventiGlobalShell .vnt-ai-voice-console{grid-template-columns:32px minmax(0,1fr) auto!important}
  #ventiGlobalShell .vnt-ai-voice-console-icon{width:32px;height:32px}
  #ventiGlobalShell .vnt-ai-voice-wave{display:none!important}
  #ventiGlobalShell .vnt-ai-recording-state{grid-template-columns:9px minmax(0,1fr) auto!important}
  #ventiGlobalShell .vnt-ai-recording-wave{display:none!important}
}


/* =========================================================
   VENTI 9.0-A7.2 · RESPONSIVE HEADER ISOLATION FIX
   Yalnız unified header davranışı düzeltilir.
   A7.1 ses/görsel/ticket/multimodal yapılarına dokunulmaz.
========================================================= */

/* Header kendi grid satırında ve kendi yüksekliğinde kalmalı */
#ventiGlobalShell .vnt-ai-head-unified{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;

  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:72px!important;

  overflow:hidden!important;
  flex:none!important;
  align-self:stretch!important;

  grid-template-columns:minmax(200px,1fr) minmax(0,auto)!important;
}

/* Sağ araç bloğunun header dışına taşmasını engelle */
#ventiGlobalShell .vnt-ai-head-tools{
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}

#ventiGlobalShell .vnt-ai-head-context{
  min-width:0!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-x:contain!important;
  white-space:nowrap!important;
}

#ventiGlobalShell .vnt-ai-head-context .vnt-ai-context-pill{
  flex:0 0 auto!important;
}

/* Brand metni araçların altına giremez */
#ventiGlobalShell .vnt-ai-brand,
#ventiGlobalShell .vnt-ai-brand-copy{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}

#ventiGlobalShell .vnt-ai-brand-copy strong,
#ventiGlobalShell .vnt-ai-brand-copy span{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/*
 * Kritik orta genişlik:
 * Drawer 540–620px civarına indiğinde tek satır header sıkışıyordu.
 * Artık brand + close üst satır, context chipleri ayrı alt satır.
 */
@media (max-width:1280px){
  #ventiGlobalShell .vnt-ai-head-unified{
    min-height:96px!important;
    padding:10px 12px!important;

    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:
      "brand close"
      "chips chips"!important;

    grid-auto-rows:auto!important;
    gap:8px 10px!important;
    align-content:center!important;
  }

  #ventiGlobalShell .vnt-ai-brand{
    grid-area:brand!important;
    align-self:center!important;
  }

  #ventiGlobalShell .vnt-ai-head-tools{
    display:contents!important;
  }

  #ventiGlobalShell .vnt-ai-close{
    grid-area:close!important;
    justify-self:end!important;
    align-self:center!important;
  }

  #ventiGlobalShell .vnt-ai-head-context{
    grid-area:chips!important;
    width:100%!important;
    max-width:100%!important;
    justify-content:flex-start!important;

    padding:0 1px 1px!important;
    overflow-x:auto!important;
  }

  #ventiGlobalShell .vnt-ai-brand-copy span{
    display:block!important;
  }
}

/* Daha dar desktop / tablet */
@media (min-width:768px) and (max-width:1024px){
  #ventiGlobalShell .vnt-ai-head-unified{
    min-height:92px!important;
    padding:9px 11px!important;
    gap:7px 9px!important;
  }

  #ventiGlobalShell .vnt-ai-brandmark{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    flex-basis:40px!important;
  }

  #ventiGlobalShell .vnt-ai-brand-copy strong{
    font-size:13.2px!important;
  }

  #ventiGlobalShell .vnt-ai-brand-copy span{
    font-size:7.2px!important;
  }

  #ventiGlobalShell .vnt-ai-head-context .vnt-ai-context-pill{
    min-height:26px!important;
    padding:0 8px!important;
    font-size:6.9px!important;
  }
}

/* Mobile A7.1 davranışını temiz biçimde sabitle */
@media (max-width:767.98px){
  #ventiGlobalShell .vnt-ai-head-unified{
    min-height:91px!important;
    height:auto!important;
    padding:8px 10px!important;

    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:
      "brand close"
      "chips chips"!important;

    gap:7px 8px!important;
    overflow:hidden!important;
  }

  #ventiGlobalShell .vnt-ai-brand{
    grid-area:brand!important;
  }

  #ventiGlobalShell .vnt-ai-head-tools{
    display:contents!important;
  }

  #ventiGlobalShell .vnt-ai-close{
    grid-area:close!important;
    justify-self:end!important;
  }

  #ventiGlobalShell .vnt-ai-head-context{
    grid-area:chips!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
  }

  #ventiGlobalShell .vnt-ai-brand-copy span{
    display:none!important;
  }
}


/* =========================================================
   VENTI 9.0-A7.3 · STRUCTURAL HEADER REBUILD
   Bu düzeltme CSS zorlaması değildir:
   header HTML yapısı iki gerçek satıra ayrılmıştır.
   1) Brand + Close
   2) Context chips
========================================================= */

/* Eski A7.1/A7.2 layout varsayımlarını kesin olarak nötrle */
#ventiGlobalShell .vnt-ai-head.vnt-ai-head-unified{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;

  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;

  display:block!important;
  padding:0!important;
  margin:0!important;

  overflow:hidden!important;
  align-self:auto!important;
  flex:none!important;

  border-bottom:1px solid rgba(15,23,42,.065)!important;
  background:
    radial-gradient(300px 110px at 0 0,rgba(59,130,246,.055),transparent 72%),
    linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
  box-shadow:none!important;
}

/* Eski pseudo border/line taşmalarını kapat */
#ventiGlobalShell .vnt-ai-head.vnt-ai-head-unified::before,
#ventiGlobalShell .vnt-ai-head.vnt-ai-head-unified::after{
  display:none!important;
  content:none!important;
}

/* -----------------------------
   SATIR 1 · Brand + Close
------------------------------ */
#ventiGlobalShell .vnt-ai-head-primary{
  width:100%;
  min-width:0;
  min-height:62px;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;

  padding:10px 14px 9px;
}

#ventiGlobalShell .vnt-ai-head-primary .vnt-ai-brand{
  min-width:0!important;
  flex:1 1 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}

#ventiGlobalShell .vnt-ai-head-primary .vnt-ai-brandmark{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  flex:0 0 40px!important;
  border-radius:14px!important;
}

#ventiGlobalShell .vnt-ai-head-primary .vnt-ai-brand-copy{
  min-width:0!important;
  flex:1 1 auto!important;
  overflow:hidden!important;
}

#ventiGlobalShell .vnt-ai-head-primary .vnt-ai-brand-copy small{
  margin:0 0 2px!important;
  font-size:6.8px!important;
  line-height:1!important;
  letter-spacing:.105em!important;
}

#ventiGlobalShell .vnt-ai-head-primary .vnt-ai-brand-copy strong{
  display:block!important;
  max-width:100%!important;
  margin:0!important;

  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;

  color:#172033!important;
  font-size:13.5px!important;
  line-height:1.15!important;
  font-weight:850!important;
  letter-spacing:-.025em!important;
}

#ventiGlobalShell .vnt-ai-head-primary .vnt-ai-brand-copy span{
  display:block!important;
  max-width:100%!important;
  margin-top:3px!important;

  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;

  color:#7a879b!important;
  font-size:7.2px!important;
  line-height:1.2!important;
}

/* Eski span dekorasyonunun width hesabını bozmasını engelle */
#ventiGlobalShell .vnt-ai-head-primary .vnt-ai-brand-copy > span::before{
  display:none!important;
  content:none!important;
}

#ventiGlobalShell .vnt-ai-head-primary .vnt-ai-close{
  position:static!important;
  inset:auto!important;

  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  flex:0 0 34px!important;

  margin:0!important;
  justify-self:auto!important;
  align-self:center!important;

  border-radius:12px!important;
}

/* -----------------------------
   SATIR 2 · Context Strip
------------------------------ */
#ventiGlobalShell .vnt-ai-head-contextbar{
  width:100%;
  min-width:0;

  display:flex;
  align-items:center;

  padding:7px 14px 9px;

  border-top:1px solid rgba(15,23,42,.045);
  background:
    linear-gradient(180deg,rgba(247,250,255,.72),rgba(244,248,253,.96));
}

#ventiGlobalShell .vnt-ai-head-contextbar .vnt-ai-head-context{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;

  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;

  margin:0!important;
  padding:0 1px 1px!important;

  overflow-x:auto!important;
  overflow-y:hidden!important;

  white-space:nowrap!important;
  scrollbar-width:none!important;
  overscroll-behavior-x:contain!important;
}

#ventiGlobalShell .vnt-ai-head-contextbar .vnt-ai-head-context::-webkit-scrollbar{
  display:none!important;
}

#ventiGlobalShell .vnt-ai-head-contextbar .vnt-ai-context-pill{
  flex:0 0 auto!important;

  min-height:26px!important;
  padding:0 9px!important;

  font-size:7.2px!important;
  line-height:1!important;
}

/*
 * KRİTİK: eski head-tools artık markup'ta yok.
 * Daha önce display:contents/grid-area/media-query çatışmaları yaratan yapı
 * tamamen kaldırıldı.
 */
#ventiGlobalShell .vnt-ai-head-tools{
  display:none!important;
}

/* Drawer'ın ilk satırı header'ın gerçek doğal yüksekliğini kullansın */
#ventiGlobalShell .vnt-ai-drawer{
  grid-template-rows:auto auto minmax(0,auto) minmax(0,1fr) auto!important;
}

/* Desktop */
@media(min-width:1281px){
  #ventiGlobalShell .vnt-ai-head-primary{
    min-height:60px;
    padding-left:16px;
    padding-right:16px;
  }

  #ventiGlobalShell .vnt-ai-head-contextbar{
    padding-left:16px;
    padding-right:16px;
  }
}

/* Narrow desktop / tablet */
@media(min-width:768px) and (max-width:1280px){
  #ventiGlobalShell .vnt-ai-head-primary{
    min-height:60px!important;
    padding:9px 12px 8px!important;
  }

  #ventiGlobalShell .vnt-ai-head-contextbar{
    padding:6px 12px 8px!important;
  }

  #ventiGlobalShell .vnt-ai-head-contextbar .vnt-ai-head-context{
    justify-content:flex-start!important;
  }
}

/* Mobile */
@media(max-width:767.98px){
  #ventiGlobalShell .vnt-ai-head-primary{
    min-height:58px!important;
    padding:8px 10px 7px!important;
    gap:9px!important;
  }

  #ventiGlobalShell .vnt-ai-head-primary .vnt-ai-brandmark{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    flex-basis:38px!important;
  }

  #ventiGlobalShell .vnt-ai-head-primary .vnt-ai-brand-copy strong{
    font-size:12.6px!important;
  }

  #ventiGlobalShell .vnt-ai-head-primary .vnt-ai-brand-copy span{
    display:none!important;
  }

  #ventiGlobalShell .vnt-ai-head-contextbar{
    padding:6px 10px 8px!important;
  }

  #ventiGlobalShell .vnt-ai-head-contextbar .vnt-ai-head-context{
    justify-content:flex-start!important;
  }

  #ventiGlobalShell .vnt-ai-head-contextbar .vnt-ai-context-pill{
    min-height:25px!important;
    padding:0 8px!important;
    font-size:7px!important;
  }
}


/* =========================================================
   VENTI 9.0-A7.4 · DRAWER GRID AREAS FIX
   KÖK NEDEN:
   A7 ile header ile predictive arasına ticket-workspace eklendi.
   Ticket workspace hidden olduğunda CSS grid auto-placement,
   predictive/conversation/footer satırlarını yukarı kaydırıyordu.
   Sonuç: header görünse bile konuşma/öneri/footer satırları yanlış
   grid row'a yerleşip panelin tamamını kaydırabiliyordu.

   ÇÖZÜM:
   Drawer çocukları artık DOM sırasına göre değil,
   SABİT GRID AREA üzerinden yerleşir.
========================================================= */

/* Drawer her durumda 5 sabit bölgeden oluşur */
#ventiGlobalShell .vnt-ai-drawer{
  display:grid!important;

  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:
    auto
    auto
    auto
    minmax(0,1fr)
    auto!important;

  grid-template-areas:
    "header"
    "ticket"
    "predictive"
    "conversation"
    "footer"!important;

  width:min(680px,46vw)!important;
  height:100dvh!important;
  min-height:0!important;

  overflow:hidden!important;
  overscroll-behavior:none!important;
}

/* Her ana bölüm kendi satırına kilitlenir */
#ventiGlobalShell .vnt-ai-head-unified{
  grid-area:header!important;
  min-width:0!important;
  min-height:0!important;
  align-self:stretch!important;
}

#ventiGlobalShell .vnt-ai-ticket-workspace{
  grid-area:ticket!important;
  min-width:0!important;
  min-height:0!important;
}

/* hidden ticket satırı boş kalır ve auto satır 0 yüksekliğe çöker */
#ventiGlobalShell .vnt-ai-ticket-workspace[hidden]{
  display:none!important;
}

#ventiGlobalShell .vnt-ai-predictive{
  grid-area:predictive!important;
  min-width:0!important;
  min-height:0!important;
  align-self:stretch!important;
}

#ventiGlobalShell .vnt-ai-conversation{
  grid-area:conversation!important;

  min-width:0!important;
  min-height:0!important;
  height:auto!important;

  overflow-y:auto!important;
  overflow-x:hidden!important;

  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch;
}

#ventiGlobalShell .vnt-ai-footer{
  grid-area:footer!important;

  min-width:0!important;
  min-height:0!important;

  position:relative!important;
  bottom:auto!important;
  inset:auto!important;

  align-self:end!important;
}

/*
 * Ana panelin kendisi ASLA scroll olmaz.
 * Yalnız conversation viewport scroll olur.
 */
#ventiGlobalShell .vnt-ai-drawer{
  overflow:hidden!important;
}

#ventiGlobalShell .vnt-ai-drawer > *{
  max-width:100%!important;
}

/* Header'ın üstten kaybolmasını imkansız hale getir */
#ventiGlobalShell .vnt-ai-head-unified{
  position:relative!important;
  top:auto!important;
  transform:none!important;
  z-index:20!important;
}

/* Predictive kendi doğal yüksekliğinde; conversation alanını ezmez */
#ventiGlobalShell .vnt-ai-predictive{
  position:relative!important;
  top:auto!important;
  transform:none!important;
  z-index:10!important;
}

/* Footer conversation üstüne binmez */
#ventiGlobalShell .vnt-ai-footer{
  z-index:30!important;
}

/* Ticket açıldığında da aynı grid korunur */
#ventiGlobalShell .vnt-ai-ticket-workspace:not([hidden]){
  display:flex!important;
}

/* Dar desktop */
@media(min-width:768px) and (max-width:1280px){
  #ventiGlobalShell .vnt-ai-drawer{
    width:min(620px,92vw)!important;
    min-width:0!important;
  }
}

/* Mobil */
@media(max-width:767.98px){
  #ventiGlobalShell .vnt-ai-drawer{
    width:100vw!important;
    min-width:0!important;
    max-width:100vw!important;
    height:100dvh!important;

    grid-template-rows:
      auto
      auto
      auto
      minmax(0,1fr)
      auto!important;
  }

  #ventiGlobalShell .vnt-ai-conversation{
    min-height:0!important;
    max-height:none!important;
  }
}


/* =========================================================
   VENTI 9.0-A7.5 · HEADER + MOBILE VIEWPORT / SCROLL FIX
========================================================= */

/* ---------------------------------------------------------
   A. TEK SATIR COMPACT SUPPORT COMMAND HEADER
--------------------------------------------------------- */

#ventiGlobalShell .vnt-ai-head.vnt-ai-head-unified{
  grid-area:header!important;
  position:relative!important;

  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:64px!important;
  height:auto!important;

  display:grid!important;
  grid-template-columns:minmax(155px,1fr) auto 34px!important;
  align-items:center!important;
  gap:10px!important;

  padding:9px 14px!important;
  margin:0!important;

  overflow:hidden!important;

  border-bottom:1px solid rgba(15,23,42,.065)!important;
  background:
    radial-gradient(260px 90px at 0 0,rgba(59,130,246,.055),transparent 72%),
    linear-gradient(180deg,#ffffff,#f8fbff)!important;
}

/* Eski iki satırlı A7.3 yapısının kuralları artık geçersiz */
#ventiGlobalShell .vnt-ai-head-primary,
#ventiGlobalShell .vnt-ai-head-contextbar{
  display:contents!important;
}

#ventiGlobalShell .vnt-ai-head.vnt-ai-head-unified::before,
#ventiGlobalShell .vnt-ai-head.vnt-ai-head-unified::after{
  display:none!important;
  content:none!important;
}

/* Brand */
#ventiGlobalShell .vnt-ai-head-unified .vnt-ai-brand{
  min-width:0!important;
  max-width:100%!important;

  display:flex!important;
  align-items:center!important;
  gap:9px!important;

  overflow:hidden!important;
}

/* Müşteri temsilcisi / headset avatar */
#ventiGlobalShell .vnt-ai-head-unified .vnt-ai-brandmark{
  position:relative!important;

  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  flex:0 0 40px!important;

  display:block!important;
  overflow:hidden!important;

  border:1px solid rgba(255,255,255,.58)!important;
  border-radius:14px!important;

  background:
    radial-gradient(circle at 28% 22%,rgba(255,255,255,.34),transparent 30%),
    linear-gradient(145deg,#2563eb 0%,#4f46e5 52%,#6d28d9 100%)!important;

  box-shadow:
    0 9px 21px rgba(79,70,229,.18),
    inset 0 1px 0 rgba(255,255,255,.34)!important;
}

/* Avatar yüz / gövde */
#ventiGlobalShell .vnt-ai-head-unified .vnt-ai-rep-person{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  z-index:1!important;

  width:auto!important;
  height:auto!important;
  margin:0!important;

  color:#fff!important;
  font-size:17px!important;
  line-height:1!important;

  opacity:.98!important;
  transform:translate(-50%,-43%)!important;
  filter:drop-shadow(0 2px 4px rgba(15,23,42,.16))!important;
}

/* Headset dış halka */
#ventiGlobalShell .vnt-ai-head-unified .vnt-ai-rep-headset{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  z-index:2!important;

  width:auto!important;
  height:auto!important;
  margin:0!important;

  color:#fff!important;
  font-size:24px!important;
  line-height:1!important;

  opacity:.98!important;
  transform:translate(-50%,-50%)!important;
  filter:drop-shadow(0 2px 5px rgba(15,23,42,.18))!important;
}

/* Online noktası */
#ventiGlobalShell .vnt-ai-head-unified .vnt-ai-rep-live{
  position:absolute!important;
  right:4px!important;
  bottom:4px!important;
  z-index:4!important;

  width:9px!important;
  height:9px!important;

  border:2px solid rgba(255,255,255,.96)!important;
  border-radius:999px!important;

  background:#22c55e!important;
  box-shadow:0 0 0 2px rgba(34,197,94,.10),0 0 11px rgba(34,197,94,.28)!important;
}

#ventiGlobalShell .vnt-ai-head-unified .vnt-ai-brandmark::before,
#ventiGlobalShell .vnt-ai-head-unified .vnt-ai-brandmark::after{
  display:none!important;
  content:none!important;
}

#ventiGlobalShell .vnt-ai-head-unified .vnt-ai-brand-copy{
  min-width:0!important;
  overflow:hidden!important;
}

#ventiGlobalShell .vnt-ai-head-unified .vnt-ai-brand-copy small{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;

  margin:0 0 2px!important;

  color:#4f46e5!important;
  font-size:6.7px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.11em!important;
}

#ventiGlobalShell .vnt-ai-head-unified .vnt-ai-brand-copy small::before{
  content:""!important;
  display:block!important;

  width:5px!important;
  height:5px!important;
  flex:0 0 5px!important;

  border-radius:999px!important;
  background:#22c55e!important;
  box-shadow:0 0 0 3px rgba(34,197,94,.10)!important;
}

#ventiGlobalShell .vnt-ai-head-unified .vnt-ai-brand-copy strong{
  display:block!important;

  margin:0!important;

  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;

  color:#172033!important;
  font-size:13.3px!important;
  line-height:1.12!important;
  font-weight:850!important;
  letter-spacing:-.025em!important;
}

#ventiGlobalShell .vnt-ai-head-unified .vnt-ai-brand-copy > span{
  display:block!important;

  margin-top:3px!important;

  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;

  color:#7b879a!important;
  font-size:7.1px!important;
  line-height:1.1!important;
  font-weight:620!important;
}

#ventiGlobalShell .vnt-ai-head-unified .vnt-ai-brand-copy > span::before{
  display:none!important;
  content:none!important;
}

/* Context chipler artık brand ile AYNI header satırında */
#ventiGlobalShell .vnt-ai-head-unified .vnt-ai-head-context{
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;

  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:5px!important;

  margin:0!important;
  padding:0!important;

  overflow-x:auto!important;
  overflow-y:hidden!important;

  white-space:nowrap!important;
  scrollbar-width:none!important;
  overscroll-behavior-x:contain!important;
}

#ventiGlobalShell .vnt-ai-head-unified .vnt-ai-head-context::-webkit-scrollbar{
  display:none!important;
}

#ventiGlobalShell .vnt-ai-head-unified .vnt-ai-context-pill{
  min-height:26px!important;
  flex:0 0 auto!important;

  padding:0 8px!important;

  border-radius:999px!important;

  font-size:7px!important;
  line-height:1!important;
  font-weight:720!important;

  box-shadow:0 3px 9px rgba(15,23,42,.025)!important;
}

/* Close */
#ventiGlobalShell .vnt-ai-head-unified .vnt-ai-close{
  position:static!important;
  inset:auto!important;

  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  flex:0 0 34px!important;

  margin:0!important;

  border-radius:12px!important;
}

/* Eski A7.3 iki satır context alanı tamamen yok */
#ventiGlobalShell .vnt-ai-head-contextbar{
  display:none!important;
}

/* ---------------------------------------------------------
   B. MOBILE DRAWER: SAYFA DEĞİL CHAT SCROLL
--------------------------------------------------------- */

@media(max-width:767.98px){
  #ventiGlobalShell .vnt-ai-drawer{
    top:var(--vnt-vv-top,0px)!important;
    right:0!important;
    bottom:auto!important;
    left:0!important;

    width:100vw!important;
    max-width:100vw!important;
    height:var(--vnt-vv-height,100dvh)!important;
    max-height:var(--vnt-vv-height,100dvh)!important;

    overflow:hidden!important;

    overscroll-behavior:none!important;
    touch-action:none!important;
  }

  /* Sadece konuşma alanı pan-y alabilir */
  #ventiGlobalShell .vnt-ai-conversation{
    min-height:0!important;
    height:auto!important;

    overflow-y:auto!important;
    overflow-x:hidden!important;

    overscroll-behavior-y:contain!important;
    overscroll-behavior-x:none!important;

    touch-action:pan-y!important;
    -webkit-overflow-scrolling:touch!important;
  }

  #ventiGlobalShell .vnt-ai-messages{
    touch-action:pan-y!important;
  }

  #ventiGlobalShell .vnt-ai-footer,
  #ventiGlobalShell .vnt-ai-head-unified,
  #ventiGlobalShell .vnt-ai-predictive,
  #ventiGlobalShell .vnt-ai-ticket-workspace{
    touch-action:manipulation!important;
  }

  /* Tek satır header mobilde de korunur */
  #ventiGlobalShell .vnt-ai-head.vnt-ai-head-unified{
    min-height:58px!important;

    grid-template-columns:minmax(105px,1fr) minmax(118px,auto) 31px!important;
    gap:6px!important;

    padding:7px 8px!important;
  }

  #ventiGlobalShell .vnt-ai-head-unified .vnt-ai-brand{
    gap:7px!important;
  }

  #ventiGlobalShell .vnt-ai-head-unified .vnt-ai-brandmark{
    width:35px!important;
    height:35px!important;
    min-width:35px!important;
    flex-basis:35px!important;
    border-radius:12px!important;
  }

  #ventiGlobalShell .vnt-ai-head-unified .vnt-ai-rep-person{
    font-size:15px!important;
  }

  #ventiGlobalShell .vnt-ai-head-unified .vnt-ai-rep-headset{
    font-size:21px!important;
  }

  #ventiGlobalShell .vnt-ai-head-unified .vnt-ai-brand-copy small{
    font-size:5.8px!important;
  }

  #ventiGlobalShell .vnt-ai-head-unified .vnt-ai-brand-copy strong{
    font-size:11.4px!important;
  }

  #ventiGlobalShell .vnt-ai-head-unified .vnt-ai-brand-copy > span{
    display:none!important;
  }

  #ventiGlobalShell .vnt-ai-head-unified .vnt-ai-head-context{
    justify-content:flex-start!important;
    gap:4px!important;
  }

  #ventiGlobalShell .vnt-ai-head-unified .vnt-ai-context-pill{
    min-height:24px!important;
    padding:0 6px!important;
    font-size:6.3px!important;
  }

  /* İlk chip kısa */
  #ventiGlobalShell .vnt-ai-head-unified .vnt-ai-context-live .vnt-context-label{
    font-size:0!important;
  }
  #ventiGlobalShell .vnt-ai-head-unified .vnt-ai-context-live .vnt-context-label::after{
    content:"Canlı";
    font-size:6.3px;
  }

  /* Sepet / hesap metnini header içinde aşırı büyütme */
  #ventiGlobalShell #ventiGlobalCartChip > span{
    display:block!important;
    max-width:74px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  #ventiGlobalShell #ventiGlobalAccountChip > span{
    display:block!important;
    max-width:61px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  #ventiGlobalShell .vnt-ai-head-unified .vnt-ai-close{
    width:31px!important;
    height:31px!important;
    min-width:31px!important;
  }

  /* Placeholder küçük; input 16px kalır ki iOS zoom yapmasın */
  #ventiGlobalShell .vnt-ai-composer textarea{
    font-size:16px!important;
  }

  #ventiGlobalShell .vnt-ai-composer textarea::placeholder{
    font-size:11.5px!important;
    font-weight:620!important;
    letter-spacing:-.01em!important;
  }

  /* Klavye açıkken alt browser/body boşluğu görünmesin */
  #ventiGlobalShell .vnt-ai-footer{
    padding-bottom:max(9px,env(safe-area-inset-bottom,0px))!important;
    background:#f8fbff!important;
  }
}

/* Çok dar mobil */
@media(max-width:390px){
  #ventiGlobalShell .vnt-ai-head.vnt-ai-head-unified{
    grid-template-columns:minmax(96px,1fr) minmax(105px,auto) 30px!important;
  }

  #ventiGlobalShell #ventiGlobalCartChip > span{
    max-width:58px!important;
  }

  #ventiGlobalShell #ventiGlobalAccountChip > span{
    max-width:48px!important;
  }
}


/* =========================================================
   VENTI 9.0-A7.6 · SYMMETRIC HEADER ALIGNMENT
   Hedef:
   - Brand solda
   - 3 context etiketi görsel olarak ortada
   - Close X kesin olarak en sağda
   - Desktop ve mobile simetri korunur
========================================================= */

/* 3 kolon: sol brand / orta context / sağ close */
#ventiGlobalShell .vnt-ai-head.vnt-ai-head-unified{
  grid-template-columns:minmax(175px,1fr) auto minmax(175px,1fr)!important;
  align-items:center!important;
  column-gap:12px!important;
}

/* Brand kesin solda */
#ventiGlobalShell .vnt-ai-head-unified .vnt-ai-brand{
  grid-column:1!important;
  justify-self:start!important;
  width:auto!important;
  max-width:100%!important;
}

/* Context kesin ortada */
#ventiGlobalShell .vnt-ai-head-unified .vnt-ai-head-context{
  grid-column:2!important;
  justify-self:center!important;
  justify-content:center!important;

  width:auto!important;
  max-width:min(100%,420px)!important;

  margin:0 auto!important;
  padding:0!important;
}

/* X kesin en sağda */
#ventiGlobalShell .vnt-ai-head-unified .vnt-ai-close{
  grid-column:3!important;
  justify-self:end!important;
  margin-left:auto!important;
}

/* Ortadaki pill'ler eşit görsel ağırlıkta */
#ventiGlobalShell .vnt-ai-head-unified .vnt-ai-context-pill{
  min-width:auto!important;
  justify-content:center!important;
}

/* Sepet ve hesap pill'lerinde çok uzun veri varsa header simetrisini bozmasın */
#ventiGlobalShell #ventiGlobalCartChip > span{
  max-width:112px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}

#ventiGlobalShell #ventiGlobalAccountChip > span{
  max-width:96px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}

/* Dar desktop: merkez yine merkezde, X yine sağda */
@media(min-width:768px) and (max-width:1100px){
  #ventiGlobalShell .vnt-ai-head.vnt-ai-head-unified{
    grid-template-columns:minmax(145px,1fr) auto minmax(80px,1fr)!important;
    column-gap:8px!important;
  }

  #ventiGlobalShell .vnt-ai-head-unified .vnt-ai-head-context{
    max-width:350px!important;
    gap:4px!important;
  }

  #ventiGlobalShell .vnt-ai-head-unified .vnt-ai-context-pill{
    padding:0 7px!important;
    font-size:6.7px!important;
  }

  #ventiGlobalShell #ventiGlobalCartChip > span{
    max-width:88px!important;
  }

  #ventiGlobalShell #ventiGlobalAccountChip > span{
    max-width:76px!important;
  }
}

/* Mobil: brand solda, chip alanı ortada/yatay kayar, X en sağda */
@media(max-width:767.98px){
  #ventiGlobalShell .vnt-ai-head.vnt-ai-head-unified{
    grid-template-columns:minmax(92px,1fr) minmax(132px,auto) 31px!important;
    column-gap:6px!important;
  }

  #ventiGlobalShell .vnt-ai-head-unified .vnt-ai-brand{
    justify-self:start!important;
  }

  #ventiGlobalShell .vnt-ai-head-unified .vnt-ai-head-context{
    justify-self:center!important;
    justify-content:flex-start!important;
    max-width:100%!important;
    overflow-x:auto!important;
  }

  #ventiGlobalShell .vnt-ai-head-unified .vnt-ai-close{
    justify-self:end!important;
  }

  #ventiGlobalShell #ventiGlobalCartChip > span{
    max-width:64px!important;
  }

  #ventiGlobalShell #ventiGlobalAccountChip > span{
    max-width:54px!important;
  }
}

/* Çok dar telefonlarda brand metninin X'i itmesini engelle */
@media(max-width:390px){
  #ventiGlobalShell .vnt-ai-head.vnt-ai-head-unified{
    grid-template-columns:minmax(82px,1fr) minmax(116px,auto) 30px!important;
  }

  #ventiGlobalShell .vnt-ai-head-unified .vnt-ai-brand-copy strong{
    font-size:10.8px!important;
  }
}


/* =========================================================
   VENTI 9.0-A7.8 · PREMIUM RECOMMENDATION DOCK
   - Venti önerileri başlangıçta kapalı
   - Header altında ortalanmış tek premium toggle
   - Açıldığında eski öneri kartları dropdown gibi büyür
   - Header context chipleri gerçek dikey merkeze alınır
========================================================= */

/* Header context chipleri optik merkez */
#ventiGlobalShell .vnt-ai-head.vnt-ai-head-unified{
  align-items:center!important;
}

#ventiGlobalShell .vnt-ai-head-unified .vnt-ai-head-context{
  align-self:center!important;
  transform:translateY(-1px)!important;
}

#ventiGlobalShell .vnt-ai-head-unified .vnt-ai-context-pill{
  min-height:27px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  padding:0 9px!important;
  border-width:1px!important;
  border-style:solid!important;
  box-shadow:
    0 3px 9px rgba(15,23,42,.025),
    inset 0 1px 0 rgba(255,255,255,.78)!important;
}

/* Premium renk sistemi */
#ventiGlobalShell .vnt-ai-head-unified .vnt-ai-context-live{
  color:#087a42!important;
  border-color:#cceedd!important;
  background:
    linear-gradient(180deg,#f1fff7,#eafbf2)!important;
}

#ventiGlobalShell #ventiGlobalCartChip{
  color:#1d4ed8!important;
  border-color:#d7e4ff!important;
  background:
    linear-gradient(180deg,#f4f8ff,#edf4ff)!important;
}

#ventiGlobalShell #ventiGlobalAccountChip{
  color:#6d28d9!important;
  border-color:#e1d8ff!important;
  background:
    linear-gradient(180deg,#f8f5ff,#f2edff)!important;
}

/* Predictive alan artık mini dock */
#ventiGlobalShell .vnt-ai-predictive{
  grid-area:predictive!important;
  position:relative!important;

  max-height:420px!important;
  padding:0 14px 10px!important;

  overflow:hidden!important;

  border-bottom:1px solid rgba(15,23,42,.055)!important;
  background:
    radial-gradient(360px 110px at 50% 0,rgba(99,102,241,.08),transparent 70%),
    linear-gradient(180deg,#f7f9ff,#f5f8fc)!important;

  transition:
    max-height .28s var(--vnt-ease),
    padding .28s var(--vnt-ease),
    background .22s ease!important;
}

/* Dock header */
#ventiGlobalShell .vnt-ai-predictive-head.vnt-ai-predictive-dock{
  width:100%!important;
  min-height:0!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  margin:0!important;
  padding:7px 0 5px!important;
}

/* Tek ortalı aç/kapat butonu */
#ventiGlobalShell .vnt-ai-predictive-toggle{
  position:relative!important;

  width:auto!important;
  min-width:190px!important;
  max-width:330px!important;
  min-height:34px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;

  padding:5px 12px!important;

  border:1px solid rgba(99,102,241,.14)!important;
  border-radius:999px!important;

  color:#39445d!important;
  background:
    radial-gradient(circle at 20% 20%,rgba(255,255,255,.94),transparent 35%),
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,249,255,.95))!important;

  box-shadow:
    0 6px 18px rgba(15,23,42,.045),
    inset 0 1px 0 rgba(255,255,255,.82)!important;

  cursor:pointer!important;
  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    background .18s ease!important;
}

#ventiGlobalShell .vnt-ai-predictive-toggle:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(79,70,229,.25)!important;
  box-shadow:
    0 10px 24px rgba(79,70,229,.08),
    inset 0 1px 0 rgba(255,255,255,.88)!important;
}

#ventiGlobalShell .vnt-ai-predictive-toggle-icon{
  width:25px!important;
  height:25px!important;
  flex:0 0 25px!important;

  display:grid!important;
  place-items:center!important;

  border-radius:999px!important;

  color:#4f46e5!important;
  background:
    linear-gradient(145deg,#eef1ff,#f8f9ff)!important;

  box-shadow:
    inset 0 0 0 1px rgba(99,102,241,.10)!important;
}

#ventiGlobalShell .vnt-ai-predictive-toggle-icon i{
  font-size:10px!important;
  line-height:1!important;
  transition:transform .2s ease!important;
}

#ventiGlobalShell .vnt-ai-predictive-toggle-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  text-align:left!important;
}

#ventiGlobalShell .vnt-ai-predictive-toggle-copy strong{
  color:#27334b!important;
  font-size:8.5px!important;
  line-height:1.1!important;
  font-weight:850!important;
}

#ventiGlobalShell .vnt-ai-predictive-toggle-copy small{
  margin-top:2px!important;

  color:#8793a7!important;
  font-size:6.6px!important;
  line-height:1.1!important;
  font-weight:650!important;
}

/* KAPALI DURUM:
   sadece buton görünür, öneri grid yok, chat alanı maksimum */
#ventiGlobalShell .vnt-ai-predictive.is-collapsed{
  max-height:52px!important;
  padding:0 14px 7px!important;

  background:
    linear-gradient(180deg,#f7f9ff,#f5f8fc)!important;
}

#ventiGlobalShell .vnt-ai-predictive.is-collapsed .vnt-ai-predictive-grid{
  display:none!important;
}

/* AÇIK DURUM:
   öneri kartları butonun altından dropdown gibi açılır */
#ventiGlobalShell .vnt-ai-predictive:not(.is-collapsed){
  max-height:380px!important;
  padding-bottom:12px!important;
}

#ventiGlobalShell .vnt-ai-predictive:not(.is-collapsed) .vnt-ai-predictive-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;

  margin-top:3px!important;

  animation:vnt-a78-recommendations-open .22s var(--vnt-ease) both;
}

#ventiGlobalShell .vnt-ai-predictive:not(.is-collapsed) .vnt-ai-predict-card.is-primary{
  grid-column:1/-1!important;
}

@keyframes vnt-a78-recommendations-open{
  from{
    opacity:0;
    transform:translateY(-6px);
    filter:blur(1px);
  }
  to{
    opacity:1;
    transform:none;
    filter:blur(0);
  }
}

/* Conversation focus artık predictive'i zorla gizlemez.
   Toggle kullanıcı kontrolünde. */
#ventiGlobalShell.is-conversation-focus .vnt-ai-predictive-head small{
  display:block!important;
}

#ventiGlobalShell.is-conversation-focus .vnt-ai-predictive-head strong{
  font-size:8.5px!important;
}

/* Mobil */
@media(max-width:767.98px){
  #ventiGlobalShell .vnt-ai-head-unified .vnt-ai-head-context{
    transform:none!important;
  }

  #ventiGlobalShell .vnt-ai-predictive{
    padding-left:10px!important;
    padding-right:10px!important;
  }

  #ventiGlobalShell .vnt-ai-predictive.is-collapsed{
    max-height:49px!important;
    padding-bottom:6px!important;
  }

  #ventiGlobalShell .vnt-ai-predictive-toggle{
    min-width:174px!important;
    max-width:280px!important;
    min-height:32px!important;
    padding:4px 10px!important;
  }

  #ventiGlobalShell .vnt-ai-predictive-toggle-icon{
    width:23px!important;
    height:23px!important;
    flex-basis:23px!important;
  }

  #ventiGlobalShell .vnt-ai-predictive-toggle-copy strong{
    font-size:8px!important;
  }

  #ventiGlobalShell .vnt-ai-predictive-toggle-copy small{
    font-size:6.1px!important;
  }

  #ventiGlobalShell .vnt-ai-predictive:not(.is-collapsed) .vnt-ai-predictive-grid{
    display:flex!important;
    gap:7px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;

    padding-bottom:2px!important;

    scrollbar-width:none!important;
  }

  #ventiGlobalShell .vnt-ai-predictive:not(.is-collapsed) .vnt-ai-predictive-grid::-webkit-scrollbar{
    display:none!important;
  }

  #ventiGlobalShell .vnt-ai-predictive:not(.is-collapsed) .vnt-ai-predict-card,
  #ventiGlobalShell .vnt-ai-predictive:not(.is-collapsed) .vnt-ai-predict-card.is-primary{
    width:84%!important;
    min-width:84%!important;
    max-width:none!important;
    flex:0 0 84%!important;
    grid-column:auto!important;
  }
}


/* =========================================================
   VENTI 9.0-A7.9 · FLOATING RECOMMENDATION TRIGGER
   - Context chipleri header'ın üst optik hattına alınır
   - Öneri alanı artık kutu/panel gibi görünmez
   - Sadece yarı şeffaf, floating bir trigger butonu kalır
========================================================= */

/* ---------------------------------------------------------
   1) HEADER CONTEXT CHIPS — TOP 15PX
--------------------------------------------------------- */

#ventiGlobalShell .vnt-ai-head.vnt-ai-head-unified{
  position:relative!important;
  min-height:64px!important;
}

/* Üç etiket tam ortada, header üstünden 15px boşlukla */
#ventiGlobalShell .vnt-ai-head-unified .vnt-ai-head-context{
  position:absolute!important;
  top:15px!important;
  left:50%!important;
  right:auto!important;

  width:auto!important;
  max-width:calc(100% - 280px)!important;

  margin:0!important;
  padding:0!important;

  justify-content:center!important;
  align-items:center!important;

  transform:translateX(-50%)!important;
  z-index:4!important;
}

/* Header brand ve X bağımsız kalır */
#ventiGlobalShell .vnt-ai-head-unified .vnt-ai-brand{
  position:relative!important;
  z-index:5!important;
}

#ventiGlobalShell .vnt-ai-head-unified .vnt-ai-close{
  position:relative!important;
  z-index:5!important;
}

/* Premium chip yüzeyleri */
#ventiGlobalShell .vnt-ai-head-unified .vnt-ai-context-pill{
  min-height:26px!important;
  padding:0 10px!important;

  border-radius:999px!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;

  box-shadow:
    0 4px 12px rgba(15,23,42,.028),
    inset 0 1px 0 rgba(255,255,255,.82)!important;
}

#ventiGlobalShell .vnt-ai-head-unified .vnt-ai-context-live{
  color:#087a42!important;
  border-color:rgba(34,197,94,.18)!important;
  background:rgba(238,253,245,.80)!important;
}

#ventiGlobalShell #ventiGlobalCartChip{
  color:#1d4ed8!important;
  border-color:rgba(59,130,246,.18)!important;
  background:rgba(239,246,255,.82)!important;
}

#ventiGlobalShell #ventiGlobalAccountChip{
  color:#6d28d9!important;
  border-color:rgba(139,92,246,.18)!important;
  background:rgba(247,243,255,.82)!important;
}

/* ---------------------------------------------------------
   2) PREDICTIVE WRAPPER ARTIK PANEL DEĞİL
--------------------------------------------------------- */

#ventiGlobalShell .vnt-ai-predictive{
  position:relative!important;

  max-height:380px!important;
  padding:0!important;
  margin:0!important;

  overflow:visible!important;

  border:0!important;
  border-bottom:0!important;

  background:transparent!important;
  box-shadow:none!important;
}

/* Kapalıyken sadece floating buton için ince bir alan */
#ventiGlobalShell .vnt-ai-predictive.is-collapsed{
  max-height:34px!important;
  min-height:34px!important;
  padding:0!important;

  background:transparent!important;
}

/* ---------------------------------------------------------
   3) FLOATING GLASS TRIGGER
--------------------------------------------------------- */

#ventiGlobalShell .vnt-ai-predictive-head.vnt-ai-predictive-dock{
  position:relative!important;

  width:100%!important;
  min-height:34px!important;

  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;

  margin:0!important;
  padding:0!important;

  pointer-events:none!important;
}

/* Buton header border-bottom çizgisine optik olarak yapışır */
#ventiGlobalShell .vnt-ai-predictive-toggle{
  position:relative!important;
  top:-1px!important;

  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  min-height:32px!important;

  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;

  margin:0 auto!important;
  padding:5px 12px!important;

  border:1px solid rgba(99,102,241,.14)!important;
  border-top-color:rgba(255,255,255,.90)!important;
  border-radius:0 0 14px 14px!important;

  color:#4b5568!important;
  background:rgba(255,255,255,.64)!important;

  backdrop-filter:blur(14px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.08)!important;

  box-shadow:
    0 7px 20px rgba(15,23,42,.055),
    inset 0 1px 0 rgba(255,255,255,.88)!important;

  pointer-events:auto!important;
}

#ventiGlobalShell .vnt-ai-predictive-toggle:hover{
  transform:translateY(1px)!important;

  border-color:rgba(79,70,229,.22)!important;
  color:#3730a3!important;

  background:rgba(255,255,255,.78)!important;

  box-shadow:
    0 10px 24px rgba(79,70,229,.075),
    inset 0 1px 0 rgba(255,255,255,.92)!important;
}

/* Icon da daha optik / şeffaf */
#ventiGlobalShell .vnt-ai-predictive-toggle-icon{
  width:22px!important;
  height:22px!important;
  flex:0 0 22px!important;

  border:1px solid rgba(99,102,241,.10)!important;
  border-radius:999px!important;

  color:#4f46e5!important;
  background:rgba(238,241,255,.68)!important;

  box-shadow:none!important;
}

#ventiGlobalShell .vnt-ai-predictive-toggle-icon i{
  font-size:9px!important;
}

/* Sadece kısa buton metni göster; ikincil açıklama kapalı */
#ventiGlobalShell .vnt-ai-predictive-toggle-copy{
  display:block!important;
  text-align:center!important;
}

#ventiGlobalShell .vnt-ai-predictive-toggle-copy strong{
  font-size:8px!important;
  font-weight:800!important;
  color:inherit!important;
}

#ventiGlobalShell .vnt-ai-predictive-toggle-copy small{
  display:none!important;
}

/* ---------------------------------------------------------
   4) OPEN STATE — DROPDOWN PANEL ONLY WHEN REQUESTED
--------------------------------------------------------- */

#ventiGlobalShell .vnt-ai-predictive:not(.is-collapsed){
  padding:0 14px 12px!important;

  overflow:hidden!important;

  background:
    linear-gradient(180deg,rgba(247,249,255,.72),rgba(244,247,252,.94))!important;

  border-bottom:1px solid rgba(15,23,42,.055)!important;
}

#ventiGlobalShell .vnt-ai-predictive:not(.is-collapsed) .vnt-ai-predictive-head{
  min-height:34px!important;
  margin:0!important;
}

/* Açılınca buton üstte kalır, kartlar altına iner */
#ventiGlobalShell .vnt-ai-predictive:not(.is-collapsed) .vnt-ai-predictive-grid{
  margin-top:6px!important;
}

/* ---------------------------------------------------------
   5) RESPONSIVE
--------------------------------------------------------- */

@media(min-width:768px) and (max-width:1100px){
  #ventiGlobalShell .vnt-ai-head-unified .vnt-ai-head-context{
    top:15px!important;
    max-width:calc(100% - 230px)!important;
  }

  #ventiGlobalShell .vnt-ai-head-unified .vnt-ai-context-pill{
    padding:0 8px!important;
    font-size:6.6px!important;
  }
}

@media(max-width:767.98px){
  /* Mobilde chiplerin yatay scroll davranışı korunur */
  #ventiGlobalShell .vnt-ai-head-unified .vnt-ai-head-context{
    position:relative!important;
    top:auto!important;
    left:auto!important;

    width:auto!important;
    max-width:100%!important;

    transform:none!important;

    justify-content:flex-start!important;
  }

  #ventiGlobalShell .vnt-ai-predictive.is-collapsed{
    min-height:32px!important;
    max-height:32px!important;
  }

  #ventiGlobalShell .vnt-ai-predictive-head.vnt-ai-predictive-dock{
    min-height:32px!important;
  }

  #ventiGlobalShell .vnt-ai-predictive-toggle{
    min-height:30px!important;
    padding:4px 10px!important;
    border-radius:0 0 12px 12px!important;
  }

  #ventiGlobalShell .vnt-ai-predictive-toggle-copy strong{
    font-size:7.7px!important;
  }
}


/* =========================================================
   VENTI 9.0-A7.10 · COMMAND CAPSULE REBUILD
   Header ve Akıllı Öneriler alanı sıfırdan tasarlanmıştır.
========================================================= */

#ventiGlobalShell{
  --vnt-command-bg:rgba(249,251,255,.96);
  --vnt-command-line:rgba(99,102,241,.10);
  --vnt-command-shadow:0 10px 30px rgba(15,23,42,.055);
  --vnt-indigo:#4f46e5;
  --vnt-blue:#2563eb;
  --vnt-cyan:#0ea5e9;
  --vnt-green:#16a34a;
  --vnt-violet:#7c3aed;
}

/* ---------------------------------------------------------
   1. COMMAND BAR
--------------------------------------------------------- */

#ventiGlobalShell .vnt-ai-head.vnt-ai-commandbar{
  grid-area:header!important;
  position:relative!important;

  width:100%!important;
  min-width:0!important;
  min-height:68px!important;
  height:auto!important;

  display:grid!important;
  grid-template-columns:minmax(180px,1fr) auto minmax(52px,1fr)!important;
  align-items:center!important;
  column-gap:14px!important;

  padding:10px 14px!important;
  margin:0!important;

  overflow:hidden!important;

  border:0!important;
  border-bottom:1px solid var(--vnt-command-line)!important;

  background:
    radial-gradient(260px 100px at 0 0,rgba(59,130,246,.075),transparent 72%),
    radial-gradient(280px 100px at 100% 0,rgba(124,58,237,.05),transparent 72%),
    linear-gradient(180deg,rgba(255,255,255,.985),var(--vnt-command-bg))!important;

  box-shadow:0 1px 0 rgba(255,255,255,.78) inset!important;
}

/* Accent rail */
#ventiGlobalShell .vnt-ai-head.vnt-ai-commandbar::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:14px!important;
  right:14px!important;
  bottom:0!important;
  height:1px!important;
  opacity:.8!important;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(37,99,235,.25) 18%,
    rgba(79,70,229,.24) 50%,
    rgba(14,165,233,.16) 82%,
    transparent
  )!important;
}

/* Brand */
#ventiGlobalShell .vnt-ai-commandbar-brand{
  grid-column:1!important;
  min-width:0!important;

  display:flex!important;
  align-items:center!important;
  gap:10px!important;

  justify-self:start!important;
  overflow:hidden!important;
}

/* Müşteri temsilcisi avatarı */
#ventiGlobalShell .vnt-ai-agent-avatar{
  position:relative!important;

  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  flex:0 0 42px!important;

  display:block!important;
  overflow:hidden!important;

  border:1px solid rgba(255,255,255,.66)!important;
  border-radius:15px!important;

  background:
    radial-gradient(circle at 30% 18%,rgba(255,255,255,.32),transparent 29%),
    linear-gradient(145deg,#2563eb 0%,#4f46e5 52%,#6d28d9 100%)!important;

  box-shadow:
    0 10px 24px rgba(79,70,229,.20),
    inset 0 1px 0 rgba(255,255,255,.38)!important;
}

#ventiGlobalShell .vnt-ai-agent-face,
#ventiGlobalShell .vnt-ai-agent-headset{
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
}

#ventiGlobalShell .vnt-ai-agent-face i{
  transform:translateY(1px)!important;
  font-size:16px!important;
  opacity:.98!important;
}

#ventiGlobalShell .vnt-ai-agent-headset i{
  font-size:25px!important;
  opacity:.98!important;
  filter:drop-shadow(0 2px 5px rgba(15,23,42,.18))!important;
}

#ventiGlobalShell .vnt-ai-agent-online{
  position:absolute!important;
  right:4px!important;
  bottom:4px!important;
  z-index:5!important;

  width:9px!important;
  height:9px!important;

  border:2px solid #fff!important;
  border-radius:999px!important;

  background:#22c55e!important;
  box-shadow:0 0 0 3px rgba(34,197,94,.10),0 0 13px rgba(34,197,94,.28)!important;
}

/* Brand copy */
#ventiGlobalShell .vnt-ai-commandbar-copy{
  min-width:0!important;
  overflow:hidden!important;
}

#ventiGlobalShell .vnt-ai-commandbar-copy small{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  margin:0 0 2px!important;

  color:#4f46e5!important;
  font-size:6.8px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.11em!important;
}

#ventiGlobalShell .vnt-ai-commandbar-copy small > span{
  width:5px!important;
  height:5px!important;
  flex:0 0 5px!important;
  border-radius:999px!important;
  background:#22c55e!important;
  box-shadow:0 0 0 3px rgba(34,197,94,.10)!important;
}

#ventiGlobalShell .vnt-ai-commandbar-copy strong{
  display:block!important;
  margin:0!important;

  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;

  color:#121a2b!important;
  font-size:13.8px!important;
  line-height:1.13!important;
  font-weight:900!important;
  letter-spacing:-.028em!important;
}

#ventiGlobalShell .vnt-ai-commandbar-copy em{
  display:block!important;
  margin-top:3px!important;

  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;

  color:#7c879a!important;
  font-size:7.1px!important;
  line-height:1!important;
  font-style:normal!important;
  font-weight:650!important;
}

/* ---------------------------------------------------------
   2. CONTEXT MATRIX
   Ayrı ayrı "pill" yerine tek bir premium telemetry capsule
--------------------------------------------------------- */

#ventiGlobalShell .vnt-ai-context-matrix{
  grid-column:2!important;
  justify-self:center!important;

  min-width:0!important;
  max-width:440px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  padding:4px!important;

  border:1px solid rgba(148,163,184,.18)!important;
  border-radius:15px!important;

  background:rgba(255,255,255,.68)!important;
  backdrop-filter:blur(14px) saturate(1.05)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.05)!important;

  box-shadow:
    0 6px 18px rgba(15,23,42,.035),
    inset 0 1px 0 rgba(255,255,255,.92)!important;
}

#ventiGlobalShell .vnt-ai-context-slot{
  position:relative!important;

  min-height:28px!important;

  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;

  padding:0 10px!important;

  color:#526076!important;
  font-size:7px!important;
  line-height:1!important;
  font-weight:780!important;
  white-space:nowrap!important;
}

#ventiGlobalShell .vnt-ai-context-slot + .vnt-ai-context-slot::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:6px!important;
  bottom:6px!important;
  width:1px!important;
  background:rgba(148,163,184,.16)!important;
}

#ventiGlobalShell .vnt-ai-context-slot i{
  font-size:8px!important;
}

#ventiGlobalShell .vnt-ai-context-slot.is-live{
  color:#087a42!important;
}

#ventiGlobalShell .vnt-ai-context-slot.is-cart{
  color:#1d4ed8!important;
}

#ventiGlobalShell .vnt-ai-context-slot.is-account{
  color:#6d28d9!important;
}

/* ---------------------------------------------------------
   3. CLOSE
--------------------------------------------------------- */

#ventiGlobalShell .vnt-ai-commandbar-close{
  grid-column:3!important;
  justify-self:end!important;

  position:static!important;
  inset:auto!important;

  width:35px!important;
  height:35px!important;
  min-width:35px!important;

  display:grid!important;
  place-items:center!important;

  margin:0!important;

  border:1px solid rgba(148,163,184,.20)!important;
  border-radius:13px!important;

  color:#718096!important;
  background:rgba(255,255,255,.72)!important;

  box-shadow:
    0 6px 18px rgba(15,23,42,.035),
    inset 0 1px 0 rgba(255,255,255,.92)!important;
}

#ventiGlobalShell .vnt-ai-commandbar-close:hover{
  color:#3730a3!important;
  border-color:rgba(79,70,229,.20)!important;
  background:#fff!important;
  transform:translateY(-1px)!important;
}

/* ---------------------------------------------------------
   4. RECOMMENDATION DOCK
--------------------------------------------------------- */

#ventiGlobalShell .vnt-ai-predictive.vnt-ai-recommendation-deck{
  grid-area:predictive!important;
  position:relative!important;

  max-height:390px!important;

  margin:0!important;
  padding:0!important;

  overflow:hidden!important;

  border:0!important;
  border-bottom:1px solid rgba(15,23,42,.045)!important;

  background:
    linear-gradient(180deg,rgba(247,249,255,.72),rgba(244,247,252,.92))!important;

  box-shadow:none!important;
}

/* Kapalı iken sadece dock */
#ventiGlobalShell .vnt-ai-recommendation-deck.is-collapsed{
  max-height:43px!important;
}

/* İnce dock çizgisi */
#ventiGlobalShell .vnt-ai-recommendation-trigger-wrap{
  position:relative!important;

  width:100%!important;
  min-height:42px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  padding:0!important;
}

#ventiGlobalShell .vnt-ai-recommendation-trigger-wrap::before{
  content:""!important;
  position:absolute!important;
  left:22px!important;
  right:22px!important;
  top:50%!important;
  height:1px!important;

  background:linear-gradient(
    90deg,
    transparent,
    rgba(99,102,241,.10) 22%,
    rgba(99,102,241,.10) 78%,
    transparent
  )!important;
}

/* Floating intelligent trigger */
#ventiGlobalShell .vnt-ai-recommendation-trigger{
  position:relative!important;
  z-index:2!important;

  min-width:194px!important;
  min-height:32px!important;

  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;

  padding:5px 10px!important;

  border:1px solid rgba(99,102,241,.13)!important;
  border-radius:12px!important;

  color:#344054!important;

  background:
    radial-gradient(circle at 20% 15%,rgba(255,255,255,.96),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.94),rgba(249,250,255,.91))!important;

  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;

  box-shadow:
    0 7px 20px rgba(15,23,42,.045),
    inset 0 1px 0 rgba(255,255,255,.9)!important;

  cursor:pointer!important;

  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease!important;
}

#ventiGlobalShell .vnt-ai-recommendation-trigger:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(79,70,229,.22)!important;
  box-shadow:
    0 10px 26px rgba(79,70,229,.07),
    inset 0 1px 0 rgba(255,255,255,.94)!important;
}

/* Orb */
#ventiGlobalShell .vnt-ai-recommendation-orb{
  width:24px!important;
  height:24px!important;
  flex:0 0 24px!important;

  display:grid!important;
  place-items:center!important;

  border:1px solid rgba(99,102,241,.10)!important;
  border-radius:9px!important;

  color:#4f46e5!important;
  background:linear-gradient(145deg,#eef1ff,#f7f8ff)!important;
}

#ventiGlobalShell .vnt-ai-recommendation-orb i{
  font-size:9px!important;
}

/* Text */
#ventiGlobalShell .vnt-ai-recommendation-copy{
  min-width:0!important;

  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:1px!important;

  text-align:left!important;
}

#ventiGlobalShell .vnt-ai-recommendation-copy strong{
  color:#26324a!important;
  font-size:8.1px!important;
  line-height:1.1!important;
  font-weight:850!important;
}

#ventiGlobalShell .vnt-ai-recommendation-copy small{
  color:#8a95a8!important;
  font-size:6.3px!important;
  line-height:1.1!important;
  font-weight:650!important;
}

/* Signal animation */
#ventiGlobalShell .vnt-ai-recommendation-signal{
  display:flex!important;
  align-items:flex-end!important;
  gap:2px!important;
  height:12px!important;
  margin-left:2px!important;
}

#ventiGlobalShell .vnt-ai-recommendation-signal i{
  width:2px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#6366f1,#0ea5e9)!important;
  animation:vnt-a710-signal 1.3s ease-in-out infinite!important;
}

#ventiGlobalShell .vnt-ai-recommendation-signal i:nth-child(1){
  height:5px!important;
}
#ventiGlobalShell .vnt-ai-recommendation-signal i:nth-child(2){
  height:10px!important;
  animation-delay:.14s!important;
}
#ventiGlobalShell .vnt-ai-recommendation-signal i:nth-child(3){
  height:7px!important;
  animation-delay:.28s!important;
}

@keyframes vnt-a710-signal{
  0%,100%{opacity:.45;transform:scaleY(.8)}
  50%{opacity:1;transform:scaleY(1.08)}
}

/* Kapalı -> grid yok */
#ventiGlobalShell .vnt-ai-recommendation-deck.is-collapsed .vnt-ai-recommendation-grid{
  display:none!important;
}

/* Açık -> kartlar dropdown */
#ventiGlobalShell .vnt-ai-recommendation-deck:not(.is-collapsed){
  padding-bottom:11px!important;
}

#ventiGlobalShell .vnt-ai-recommendation-deck:not(.is-collapsed) .vnt-ai-recommendation-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;

  margin:0 14px!important;

  animation:vnt-a710-open .20s var(--vnt-ease) both!important;
}

#ventiGlobalShell .vnt-ai-recommendation-deck:not(.is-collapsed) .vnt-ai-predict-card.is-primary{
  grid-column:1/-1!important;
}

@keyframes vnt-a710-open{
  from{opacity:0;transform:translateY(-5px)}
  to{opacity:1;transform:none}
}

/* Conversation başladığında da trigger görünür */
#ventiGlobalShell.is-conversation-focus .vnt-ai-recommendation-deck{
  display:block!important;
}

/* ---------------------------------------------------------
   5. RESPONSIVE
--------------------------------------------------------- */

@media(min-width:768px) and (max-width:1100px){
  #ventiGlobalShell .vnt-ai-head.vnt-ai-commandbar{
    grid-template-columns:minmax(150px,1fr) auto minmax(42px,1fr)!important;
    column-gap:9px!important;
  }

  #ventiGlobalShell .vnt-ai-context-slot{
    padding:0 7px!important;
    font-size:6.5px!important;
  }

  #ventiGlobalShell #ventiGlobalCartChip > span{
    max-width:92px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  #ventiGlobalShell #ventiGlobalAccountChip > span{
    max-width:80px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
}

@media(max-width:767.98px){
  #ventiGlobalShell .vnt-ai-head.vnt-ai-commandbar{
    min-height:62px!important;
    grid-template-columns:minmax(105px,1fr) minmax(120px,auto) 31px!important;
    column-gap:6px!important;
    padding:8px 9px!important;
  }

  #ventiGlobalShell .vnt-ai-agent-avatar{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    flex-basis:36px!important;
    border-radius:12px!important;
  }

  #ventiGlobalShell .vnt-ai-agent-headset i{
    font-size:21px!important;
  }

  #ventiGlobalShell .vnt-ai-agent-face i{
    font-size:14px!important;
  }

  #ventiGlobalShell .vnt-ai-commandbar-copy small{
    font-size:5.7px!important;
  }

  #ventiGlobalShell .vnt-ai-commandbar-copy strong{
    font-size:11.2px!important;
  }

  #ventiGlobalShell .vnt-ai-commandbar-copy em{
    display:none!important;
  }

  #ventiGlobalShell .vnt-ai-context-matrix{
    max-width:100%!important;
    padding:3px!important;
    border-radius:12px!important;
  }

  #ventiGlobalShell .vnt-ai-context-slot{
    min-height:25px!important;
    padding:0 5px!important;
    font-size:6px!important;
  }

  #ventiGlobalShell .vnt-ai-context-slot.is-live .vnt-context-label{
    font-size:0!important;
  }

  #ventiGlobalShell .vnt-ai-context-slot.is-live .vnt-context-label::after{
    content:"Canlı"!important;
    font-size:6px!important;
  }

  #ventiGlobalShell #ventiGlobalCartChip > span{
    max-width:62px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  #ventiGlobalShell #ventiGlobalAccountChip > span{
    max-width:52px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  #ventiGlobalShell .vnt-ai-commandbar-close{
    width:31px!important;
    height:31px!important;
    min-width:31px!important;
  }

  #ventiGlobalShell .vnt-ai-recommendation-deck.is-collapsed{
    max-height:40px!important;
  }

  #ventiGlobalShell .vnt-ai-recommendation-trigger-wrap{
    min-height:39px!important;
  }

  #ventiGlobalShell .vnt-ai-recommendation-trigger{
    min-width:176px!important;
    min-height:30px!important;
    padding:4px 9px!important;
  }

  #ventiGlobalShell .vnt-ai-recommendation-copy small{
    display:none!important;
  }

  #ventiGlobalShell .vnt-ai-recommendation-deck:not(.is-collapsed) .vnt-ai-recommendation-grid{
    display:flex!important;
    gap:7px!important;
    margin:0 10px!important;

    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
  }

  #ventiGlobalShell .vnt-ai-recommendation-deck:not(.is-collapsed) .vnt-ai-recommendation-grid::-webkit-scrollbar{
    display:none!important;
  }

  #ventiGlobalShell .vnt-ai-recommendation-deck:not(.is-collapsed) .vnt-ai-predict-card,
  #ventiGlobalShell .vnt-ai-recommendation-deck:not(.is-collapsed) .vnt-ai-predict-card.is-primary{
    width:84%!important;
    min-width:84%!important;
    flex:0 0 84%!important;
    grid-column:auto!important;
  }
}

/* Existing legacy header selectors should not affect the rebuilt header */
#ventiGlobalShell .vnt-ai-commandbar .vnt-ai-brand,
#ventiGlobalShell .vnt-ai-commandbar .vnt-ai-brandmark,
#ventiGlobalShell .vnt-ai-commandbar .vnt-ai-brand-copy,
#ventiGlobalShell .vnt-ai-commandbar .vnt-ai-head-context{
  all:unset;
}


/* =========================================================
   VENTI 9.0-A7.11 · NEO SUPPORT HEADER — TRUE REBUILD
   Header ve öneri alanı önceki tasarım sınıflarını kullanmaz.
========================================================= */

/* Drawer grid areas: new header/recommendation classes */
#ventiGlobalShell .vnt-ai-drawer{
  grid-template-areas:
    "header"
    "ticket"
    "predictive"
    "conversation"
    "footer"!important;
}

#ventiGlobalShell .vnt-neo-head{grid-area:header!important;}
#ventiGlobalShell .vnt-ai-ticket-workspace{grid-area:ticket!important;}
#ventiGlobalShell .vnt-neo-reco{grid-area:predictive!important;}
#ventiGlobalShell .vnt-ai-conversation{grid-area:conversation!important;}
#ventiGlobalShell .vnt-ai-footer{grid-area:footer!important;}

/* ---------------------------------------------------------
   NEO HEADER
--------------------------------------------------------- */

#ventiGlobalShell .vnt-neo-head{
  position:relative;
  width:100%;
  min-width:0;
  min-height:72px;

  display:grid;
  grid-template-columns:minmax(180px,1fr) auto minmax(44px,1fr);
  align-items:center;
  gap:14px;

  padding:11px 14px;

  overflow:hidden;

  border-bottom:1px solid rgba(74,86,145,.13);

  background:
    radial-gradient(260px 130px at 0 0,rgba(37,99,235,.13),transparent 68%),
    radial-gradient(280px 120px at 100% 0,rgba(124,58,237,.10),transparent 72%),
    linear-gradient(180deg,#f7f9ff 0%,#eef3fb 100%);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    0 7px 24px rgba(25,40,90,.045);
}

#ventiGlobalShell .vnt-neo-head::before{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  bottom:0;
  height:1px;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(37,99,235,.26) 20%,
    rgba(99,102,241,.30) 50%,
    rgba(14,165,233,.20) 80%,
    transparent
  );
}

/* Identity */
#ventiGlobalShell .vnt-neo-identity{
  grid-column:1;
  min-width:0;

  display:flex;
  align-items:center;
  gap:11px;

  justify-self:start;
}

#ventiGlobalShell .vnt-neo-agent{
  position:relative;
  width:43px;
  height:43px;
  flex:0 0 43px;

  display:grid;
  place-items:center;

  border-radius:15px;

  color:#fff;

  background:
    radial-gradient(circle at 28% 20%,rgba(255,255,255,.30),transparent 30%),
    linear-gradient(145deg,#1d4ed8 0%,#4f46e5 55%,#7c3aed 100%);

  box-shadow:
    0 10px 22px rgba(79,70,229,.22),
    inset 0 1px 0 rgba(255,255,255,.34);
}

#ventiGlobalShell .vnt-neo-agent i{
  position:relative;
  z-index:2;
  font-size:21px;
  filter:drop-shadow(0 2px 4px rgba(17,24,39,.20));
}

#ventiGlobalShell .vnt-neo-agent-ring{
  position:absolute;
  inset:7px;
  border:1px solid rgba(255,255,255,.20);
  border-radius:11px;
  background:rgba(255,255,255,.06);
}

#ventiGlobalShell .vnt-neo-agent-live{
  position:absolute;
  right:3px;
  bottom:3px;
  z-index:3;

  width:10px;
  height:10px;

  border:2px solid #f7f9ff;
  border-radius:999px;

  background:#22c55e;
  box-shadow:0 0 0 3px rgba(34,197,94,.12),0 0 14px rgba(34,197,94,.30);
}

/* Copy */
#ventiGlobalShell .vnt-neo-copy{
  min-width:0;
}

#ventiGlobalShell .vnt-neo-copy small{
  display:flex;
  align-items:center;
  gap:5px;

  margin:0 0 3px;

  color:#4f46e5;
  font-size:6.9px;
  line-height:1;
  font-weight:900;
  letter-spacing:.12em;
}

#ventiGlobalShell .vnt-neo-copy small span{
  width:5px;
  height:5px;
  flex:0 0 5px;
  border-radius:999px;
  background:#22c55e;
  box-shadow:0 0 0 3px rgba(34,197,94,.11);
}

#ventiGlobalShell .vnt-neo-copy strong{
  display:block;
  margin:0;

  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;

  color:#101828;
  font-size:14px;
  line-height:1.12;
  font-weight:900;
  letter-spacing:-.03em;
}

#ventiGlobalShell .vnt-neo-copy em{
  display:block;
  margin-top:4px;

  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;

  color:#6f7c91;
  font-size:7.2px;
  line-height:1;
  font-style:normal;
  font-weight:650;
}

/* Status center: one cohesive capsule, not 3 unrelated pills */
#ventiGlobalShell .vnt-neo-status{
  grid-column:2;
  justify-self:center;

  display:flex;
  align-items:center;

  min-width:0;
  max-width:430px;

  padding:4px;

  border:1px solid rgba(91,102,153,.12);
  border-radius:14px;

  background:
    linear-gradient(180deg,rgba(255,255,255,.82),rgba(248,250,255,.72));

  box-shadow:
    0 7px 19px rgba(31,41,86,.045),
    inset 0 1px 0 rgba(255,255,255,.92);

  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

#ventiGlobalShell .vnt-neo-status-item{
  position:relative;

  min-height:28px;

  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;

  padding:0 10px;

  color:#58667c;
  font-size:7px;
  line-height:1;
  font-weight:780;
  white-space:nowrap;
}

#ventiGlobalShell .vnt-neo-status-item + .vnt-neo-status-item::before{
  content:"";
  position:absolute;
  left:0;
  top:6px;
  bottom:6px;
  width:1px;
  background:rgba(100,116,139,.14);
}

#ventiGlobalShell .vnt-neo-status-item i{font-size:8px;}
#ventiGlobalShell .vnt-neo-status-item.is-live{color:#087a42;}
#ventiGlobalShell .vnt-neo-status-item.is-cart{color:#1d4ed8;}
#ventiGlobalShell .vnt-neo-status-item.is-account{color:#6d28d9;}

/* Close */
#ventiGlobalShell .vnt-neo-close{
  grid-column:3;
  justify-self:end;

  width:35px;
  height:35px;

  display:grid;
  place-items:center;

  margin:0;
  padding:0;

  border:1px solid rgba(100,116,139,.18);
  border-radius:13px;

  color:#64748b;
  background:rgba(255,255,255,.68);

  box-shadow:
    0 6px 16px rgba(15,23,42,.035),
    inset 0 1px 0 rgba(255,255,255,.90);

  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,color .18s ease,background .18s ease;
}

#ventiGlobalShell .vnt-neo-close:hover{
  color:#4338ca;
  border-color:rgba(79,70,229,.22);
  background:#fff;
  transform:translateY(-1px);
}

/* ---------------------------------------------------------
   NEO RECOMMENDATION RAIL
--------------------------------------------------------- */

#ventiGlobalShell .vnt-neo-reco{
  position:relative;

  width:100%;
  min-width:0;
  max-height:390px;

  overflow:hidden;

  border-bottom:1px solid rgba(79,70,229,.08);

  background:
    radial-gradient(340px 90px at 50% 0,rgba(99,102,241,.09),transparent 72%),
    linear-gradient(180deg,#f4f6fd 0%,#eef3fa 100%);

  transition:max-height .28s var(--vnt-ease),padding .28s var(--vnt-ease);
}

#ventiGlobalShell .vnt-neo-reco.is-collapsed{
  max-height:44px;
}

#ventiGlobalShell .vnt-neo-reco-rail{
  position:relative;

  min-height:43px;

  display:flex;
  align-items:center;
  justify-content:center;
}

#ventiGlobalShell .vnt-neo-reco-rail::before{
  content:"";

  position:absolute;
  left:20px;
  right:20px;
  top:50%;

  height:1px;

  background:linear-gradient(
    90deg,
    transparent,
    rgba(99,102,241,.11) 20%,
    rgba(99,102,241,.11) 80%,
    transparent
  );
}

#ventiGlobalShell .vnt-neo-reco-trigger{
  position:relative;
  z-index:2;

  min-width:200px;
  min-height:33px;

  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;

  padding:5px 10px;

  border:1px solid rgba(79,70,229,.14);
  border-radius:12px;

  color:#344054;

  background:
    radial-gradient(circle at 20% 15%,rgba(255,255,255,.98),transparent 35%),
    linear-gradient(180deg,rgba(255,255,255,.95),rgba(246,248,255,.92));

  box-shadow:
    0 7px 18px rgba(43,53,100,.05),
    inset 0 1px 0 rgba(255,255,255,.92);

  cursor:pointer;

  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}

#ventiGlobalShell .vnt-neo-reco-trigger:hover{
  transform:translateY(-1px);
  border-color:rgba(79,70,229,.24);
  box-shadow:
    0 10px 24px rgba(79,70,229,.08),
    inset 0 1px 0 rgba(255,255,255,.96);
}

#ventiGlobalShell .vnt-neo-reco-icon{
  width:24px;
  height:24px;
  flex:0 0 24px;

  display:grid;
  place-items:center;

  border-radius:9px;

  color:#4f46e5;
  background:linear-gradient(145deg,#edf0ff,#f7f8ff);
  box-shadow:inset 0 0 0 1px rgba(99,102,241,.10);
}

#ventiGlobalShell .vnt-neo-reco-icon i{
  font-size:9px;
}

#ventiGlobalShell .vnt-neo-reco-text{
  min-width:0;

  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:1px;

  text-align:left;
}

#ventiGlobalShell .vnt-neo-reco-text strong{
  color:#27334b;
  font-size:8.2px;
  line-height:1.1;
  font-weight:850;
}

#ventiGlobalShell .vnt-neo-reco-text small{
  color:#8793a6;
  font-size:6.3px;
  line-height:1.1;
  font-weight:650;
}

#ventiGlobalShell .vnt-neo-reco-live{
  height:11px;

  display:flex;
  align-items:flex-end;
  gap:2px;

  margin-left:2px;
}

#ventiGlobalShell .vnt-neo-reco-live i{
  width:2px;
  border-radius:999px;

  background:linear-gradient(180deg,#6366f1,#0ea5e9);

  animation:vnt-neo-signal 1.3s ease-in-out infinite;
}

#ventiGlobalShell .vnt-neo-reco-live i:nth-child(1){height:5px;}
#ventiGlobalShell .vnt-neo-reco-live i:nth-child(2){height:10px;animation-delay:.14s;}
#ventiGlobalShell .vnt-neo-reco-live i:nth-child(3){height:7px;animation-delay:.28s;}

@keyframes vnt-neo-signal{
  0%,100%{opacity:.42;transform:scaleY(.82)}
  50%{opacity:1;transform:scaleY(1.08)}
}

/* Recommendations */
#ventiGlobalShell .vnt-neo-reco.is-collapsed .vnt-neo-reco-grid{
  display:none!important;
}

#ventiGlobalShell .vnt-neo-reco:not(.is-collapsed){
  padding-bottom:11px;
}

#ventiGlobalShell .vnt-neo-reco:not(.is-collapsed) .vnt-neo-reco-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;

  margin:0 14px;

  animation:vnt-neo-open .20s var(--vnt-ease) both;
}

#ventiGlobalShell .vnt-neo-reco:not(.is-collapsed) .vnt-ai-predict-card.is-primary{
  grid-column:1/-1!important;
}

@keyframes vnt-neo-open{
  from{opacity:0;transform:translateY(-5px)}
  to{opacity:1;transform:none}
}

/* Cards inside new deck */
#ventiGlobalShell .vnt-neo-reco .vnt-ai-predict-card{
  min-height:76px!important;
  padding:10px!important;

  border:1px solid rgba(99,102,241,.12)!important;
  border-radius:14px!important;

  background:rgba(255,255,255,.88)!important;

  box-shadow:
    0 7px 18px rgba(15,23,42,.035),
    inset 0 1px 0 rgba(255,255,255,.92)!important;
}

/* ---------------------------------------------------------
   RESPONSIVE
--------------------------------------------------------- */

@media(min-width:768px) and (max-width:1100px){
  #ventiGlobalShell .vnt-neo-head{
    grid-template-columns:minmax(150px,1fr) auto minmax(42px,1fr);
    gap:9px;
  }

  #ventiGlobalShell .vnt-neo-status-item{
    padding:0 7px;
    font-size:6.5px;
  }

  #ventiGlobalShell #ventiGlobalCartChip > span{
    max-width:92px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
  }

  #ventiGlobalShell #ventiGlobalAccountChip > span{
    max-width:80px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
  }
}

@media(max-width:767.98px){
  #ventiGlobalShell .vnt-neo-head{
    min-height:62px;

    grid-template-columns:minmax(105px,1fr) minmax(118px,auto) 31px;
    gap:6px;

    padding:8px 9px;
  }

  #ventiGlobalShell .vnt-neo-agent{
    width:36px;
    height:36px;
    flex-basis:36px;
    border-radius:12px;
  }

  #ventiGlobalShell .vnt-neo-agent i{font-size:18px;}

  #ventiGlobalShell .vnt-neo-copy small{font-size:5.7px;}
  #ventiGlobalShell .vnt-neo-copy strong{font-size:11.2px;}
  #ventiGlobalShell .vnt-neo-copy em{display:none;}

  #ventiGlobalShell .vnt-neo-status{
    max-width:100%;
    padding:3px;
    border-radius:12px;
  }

  #ventiGlobalShell .vnt-neo-status-item{
    min-height:25px;
    padding:0 5px;
    font-size:6px;
  }

  #ventiGlobalShell .vnt-neo-status-item.is-live .vnt-context-label{
    font-size:0;
  }
  #ventiGlobalShell .vnt-neo-status-item.is-live .vnt-context-label::after{
    content:"Canlı";
    font-size:6px;
  }

  #ventiGlobalShell #ventiGlobalCartChip > span{
    max-width:60px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
  }

  #ventiGlobalShell #ventiGlobalAccountChip > span{
    max-width:48px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
  }

  #ventiGlobalShell .vnt-neo-close{
    width:31px;
    height:31px;
  }

  #ventiGlobalShell .vnt-neo-reco.is-collapsed{max-height:40px;}
  #ventiGlobalShell .vnt-neo-reco-rail{min-height:39px;}

  #ventiGlobalShell .vnt-neo-reco-trigger{
    min-width:176px;
    min-height:30px;
    padding:4px 9px;
  }

  #ventiGlobalShell .vnt-neo-reco-text small{display:none;}

  #ventiGlobalShell .vnt-neo-reco:not(.is-collapsed) .vnt-neo-reco-grid{
    display:flex;
    gap:7px;
    margin:0 10px;

    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
  }

  #ventiGlobalShell .vnt-neo-reco:not(.is-collapsed) .vnt-neo-reco-grid::-webkit-scrollbar{
    display:none;
  }

  #ventiGlobalShell .vnt-neo-reco:not(.is-collapsed) .vnt-ai-predict-card,
  #ventiGlobalShell .vnt-neo-reco:not(.is-collapsed) .vnt-ai-predict-card.is-primary{
    width:84%!important;
    min-width:84%!important;
    flex:0 0 84%!important;
    grid-column:auto!important;
  }
}


/* =========================================================
   VENTI 9.0-A7.12 · ORBIT SUPPORT BAR
   Tamamen yeni tasarım dili:
   - merkezde pill/capsule yok
   - asimetrik editorial header
   - telemetry satırı çıplak/şeffaf
   - recommendation trigger header altından sarkan notch-tab
========================================================= */

#ventiGlobalShell .vnt-ai-drawer{
  grid-template-areas:
    "header"
    "ticket"
    "predictive"
    "conversation"
    "footer"!important;
}

#ventiGlobalShell .vnt-orbit-head{grid-area:header!important;}
#ventiGlobalShell .vnt-orbit-reco{grid-area:predictive!important;}

/* ---------------------------------------------
   ORBIT HEADER
---------------------------------------------- */

#ventiGlobalShell .vnt-orbit-head{
  position:relative;
  width:100%;
  min-width:0;
  min-height:76px;

  display:grid;
  grid-template-columns:minmax(210px,1fr) auto 42px;
  align-items:center;
  gap:14px;

  padding:12px 14px 13px;

  overflow:hidden;

  border-bottom:1px solid rgba(99,102,241,.13);

  background:
    linear-gradient(120deg,rgba(244,248,255,.98) 0 46%,rgba(239,242,255,.96) 46% 100%);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.85),
    0 8px 28px rgba(34,43,91,.045);
}

/* distinctive diagonal cut */
#ventiGlobalShell .vnt-orbit-head::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:6px;
  background:linear-gradient(180deg,#2563eb 0%,#4f46e5 52%,#8b5cf6 100%);
}

#ventiGlobalShell .vnt-orbit-head::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,rgba(37,99,235,.35),rgba(99,102,241,.14),transparent 72%);
}

/* brand island is NOT a pill */
#ventiGlobalShell .vnt-orbit-brand{
  min-width:0;
  display:flex;
  align-items:center;
  gap:12px;
}

#ventiGlobalShell .vnt-orbit-avatar{
  position:relative;
  width:42px;
  height:42px;
  flex:0 0 42px;

  display:grid;
  place-items:center;

  border-radius:13px;

  color:#fff;

  background:
    linear-gradient(145deg,#1d4ed8 0%,#4338ca 55%,#7c3aed 100%);

  box-shadow:
    0 9px 22px rgba(67,56,202,.23),
    inset 0 1px 0 rgba(255,255,255,.24);
}

#ventiGlobalShell .vnt-orbit-avatar::before{
  content:"";
  position:absolute;
  inset:6px;
  border-radius:9px;
  border:1px solid rgba(255,255,255,.17);
}

#ventiGlobalShell .vnt-orbit-avatar i{
  position:relative;
  z-index:2;
  font-size:20px;
}

#ventiGlobalShell .vnt-orbit-pulse{
  position:absolute;
  right:-1px;
  bottom:-1px;
  z-index:3;

  width:11px;
  height:11px;

  border:2px solid #f4f8ff;
  border-radius:50%;

  background:#22c55e;
  box-shadow:0 0 0 3px rgba(34,197,94,.10),0 0 12px rgba(34,197,94,.27);
}

#ventiGlobalShell .vnt-orbit-copy{
  min-width:0;
}

#ventiGlobalShell .vnt-orbit-copy small{
  display:block;
  margin:0 0 3px;

  color:#5362d7;
  font-size:6.8px;
  line-height:1;
  font-weight:900;
  letter-spacing:.13em;
}

#ventiGlobalShell .vnt-orbit-copy strong{
  display:block;
  margin:0;

  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;

  color:#101828;
  font-size:14px;
  line-height:1.12;
  font-weight:900;
  letter-spacing:-.03em;
}

#ventiGlobalShell .vnt-orbit-copy span{
  display:block;
  margin-top:4px;

  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;

  color:#718096;
  font-size:7.2px;
  line-height:1;
  font-weight:650;
}

/* telemetry = no containing capsule */
#ventiGlobalShell .vnt-orbit-telemetry{
  display:flex;
  align-items:center;
  justify-content:center;

  min-width:0;
  max-width:430px;
}

#ventiGlobalShell .vnt-orbit-telemetry-item{
  position:relative;

  min-height:28px;

  display:inline-flex;
  align-items:center;
  gap:6px;

  padding:0 11px;

  color:#526076;
  font-size:7px;
  line-height:1;
  font-weight:780;
  white-space:nowrap;
}

#ventiGlobalShell .vnt-orbit-telemetry-item + .vnt-orbit-telemetry-item::before{
  content:"";
  position:absolute;
  left:0;
  top:7px;
  bottom:7px;
  width:1px;
  background:rgba(100,116,139,.18);
}

#ventiGlobalShell .vnt-orbit-telemetry-item i{
  width:20px;
  height:20px;
  display:grid;
  place-items:center;

  border-radius:7px;

  font-size:8px;
  background:rgba(255,255,255,.62);
  box-shadow:inset 0 0 0 1px rgba(148,163,184,.10);
}

#ventiGlobalShell .vnt-orbit-telemetry-item.is-live{color:#087a42;}
#ventiGlobalShell .vnt-orbit-telemetry-item.is-cart{color:#1d4ed8;}
#ventiGlobalShell .vnt-orbit-telemetry-item.is-account{color:#6d28d9;}

#ventiGlobalShell .vnt-orbit-close{
  width:36px;
  height:36px;

  display:grid;
  place-items:center;

  border:0;
  border-radius:11px;

  color:#657389;
  background:rgba(255,255,255,.56);

  box-shadow:inset 0 0 0 1px rgba(100,116,139,.14);

  cursor:pointer;
  transition:.18s ease;
}

#ventiGlobalShell .vnt-orbit-close:hover{
  color:#312e81;
  background:#fff;
  transform:rotate(3deg) scale(1.03);
}

/* ---------------------------------------------
   RECOMMENDATION NOTCH
---------------------------------------------- */

#ventiGlobalShell .vnt-orbit-reco{
  position:relative;

  width:100%;
  min-width:0;
  max-height:420px;

  overflow:hidden;

  background:linear-gradient(180deg,#eef3fa 0%,#f5f7fb 100%);

  border-bottom:1px solid rgba(79,70,229,.06);

  transition:max-height .30s var(--vnt-ease),padding .30s var(--vnt-ease);
}

#ventiGlobalShell .vnt-orbit-reco.is-collapsed{
  max-height:38px;
}

#ventiGlobalShell .vnt-orbit-reco-tab{
  position:absolute;
  top:0;
  left:50%;
  z-index:3;

  transform:translateX(-50%);

  min-width:162px;
  min-height:34px;

  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;

  padding:5px 11px 6px;

  border:0;
  border-radius:0 0 16px 16px;

  color:#fff;

  background:
    linear-gradient(135deg,#334155 0%,#25314a 45%,#3730a3 100%);

  box-shadow:
    0 8px 20px rgba(30,41,59,.16),
    inset 0 -1px 0 rgba(255,255,255,.10);

  cursor:pointer;

  transition:transform .18s ease,box-shadow .18s ease;
}

#ventiGlobalShell .vnt-orbit-reco-tab:hover{
  transform:translateX(-50%) translateY(1px);
  box-shadow:0 10px 24px rgba(30,41,59,.20);
}

#ventiGlobalShell .vnt-orbit-reco-label{
  display:inline-flex;
  align-items:center;
  gap:6px;
}

#ventiGlobalShell .vnt-orbit-reco-label i{
  color:#93c5fd;
  font-size:9px;
}

#ventiGlobalShell .vnt-orbit-reco-label strong{
  font-size:7.8px;
  line-height:1;
  font-weight:850;
}

#ventiGlobalShell .vnt-orbit-reco-chevron{
  width:20px;
  height:20px;
  display:grid;
  place-items:center;

  border-radius:7px;

  background:rgba(255,255,255,.10);
}

#ventiGlobalShell .vnt-orbit-reco-chevron i{
  font-size:8px;
}

/* expanded panel */
#ventiGlobalShell .vnt-orbit-reco-panel{
  padding:48px 14px 12px;
}

#ventiGlobalShell .vnt-orbit-reco.is-collapsed .vnt-orbit-reco-panel{
  display:none;
}

#ventiGlobalShell .vnt-orbit-reco-intro{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;

  margin-bottom:9px;
  padding:0 2px;
}

#ventiGlobalShell .vnt-orbit-reco-intro small{
  display:block;
  margin-bottom:3px;

  color:#6d28d9;
  font-size:6.5px;
  line-height:1;
  font-weight:900;
  letter-spacing:.12em;
}

#ventiGlobalShell .vnt-orbit-reco-intro strong{
  display:block;

  color:#27334b;
  font-size:10px;
  line-height:1.15;
  font-weight:900;
}

#ventiGlobalShell .vnt-orbit-reco-live{
  display:flex;
  align-items:flex-end;
  gap:2px;
  height:12px;
}

#ventiGlobalShell .vnt-orbit-reco-live i{
  width:2px;
  border-radius:999px;
  background:#6366f1;
  animation:vnt-orbit-signal 1.2s ease-in-out infinite;
}
#ventiGlobalShell .vnt-orbit-reco-live i:nth-child(1){height:4px;}
#ventiGlobalShell .vnt-orbit-reco-live i:nth-child(2){height:10px;animation-delay:.13s;}
#ventiGlobalShell .vnt-orbit-reco-live i:nth-child(3){height:6px;animation-delay:.26s;}

@keyframes vnt-orbit-signal{
  0%,100%{opacity:.35;transform:scaleY(.8)}
  50%{opacity:1;transform:scaleY(1.1)}
}

#ventiGlobalShell .vnt-orbit-reco-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}

#ventiGlobalShell .vnt-orbit-reco .vnt-ai-predict-card.is-primary{
  grid-column:1/-1!important;
}

/* ---------------------------------------------
   RESPONSIVE
---------------------------------------------- */

@media(min-width:768px) and (max-width:1100px){
  #ventiGlobalShell .vnt-orbit-head{
    grid-template-columns:minmax(150px,1fr) auto 36px;
    gap:9px;
  }

  #ventiGlobalShell .vnt-orbit-telemetry-item{
    padding:0 7px;
    font-size:6.5px;
  }

  #ventiGlobalShell #ventiGlobalCartChip > span{
    max-width:86px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
  }

  #ventiGlobalShell #ventiGlobalAccountChip > span{
    max-width:72px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
  }
}

@media(max-width:767.98px){
  #ventiGlobalShell .vnt-orbit-head{
    min-height:64px;
    grid-template-columns:minmax(105px,1fr) minmax(110px,auto) 31px;
    gap:6px;
    padding:8px 9px 9px;
  }

  #ventiGlobalShell .vnt-orbit-avatar{
    width:36px;
    height:36px;
    flex-basis:36px;
    border-radius:11px;
  }

  #ventiGlobalShell .vnt-orbit-avatar i{font-size:17px;}

  #ventiGlobalShell .vnt-orbit-copy small{font-size:5.6px;}
  #ventiGlobalShell .vnt-orbit-copy strong{font-size:11px;}
  #ventiGlobalShell .vnt-orbit-copy span{display:none;}

  #ventiGlobalShell .vnt-orbit-telemetry-item{
    padding:0 4px;
    font-size:5.9px;
  }

  #ventiGlobalShell .vnt-orbit-telemetry-item i{
    width:18px;
    height:18px;
    font-size:7px;
  }

  #ventiGlobalShell .vnt-orbit-telemetry-item.is-live b{
    display:none;
  }

  #ventiGlobalShell #ventiGlobalCartChip > span{
    max-width:58px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
  }

  #ventiGlobalShell #ventiGlobalAccountChip > span{
    max-width:48px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
  }

  #ventiGlobalShell .vnt-orbit-close{
    width:31px;
    height:31px;
  }

  #ventiGlobalShell .vnt-orbit-reco.is-collapsed{
    max-height:36px;
  }

  #ventiGlobalShell .vnt-orbit-reco-tab{
    min-width:148px;
    min-height:32px;
    border-radius:0 0 14px 14px;
  }

  #ventiGlobalShell .vnt-orbit-reco-panel{
    padding:45px 10px 10px;
  }

  #ventiGlobalShell .vnt-orbit-reco-grid{
    display:flex;
    gap:7px;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
  }

  #ventiGlobalShell .vnt-orbit-reco-grid::-webkit-scrollbar{display:none;}

  #ventiGlobalShell .vnt-orbit-reco .vnt-ai-predict-card,
  #ventiGlobalShell .vnt-orbit-reco .vnt-ai-predict-card.is-primary{
    width:84%!important;
    min-width:84%!important;
    flex:0 0 84%!important;
    grid-column:auto!important;
  }
}


/* =========================================================
   VENTI 9.0-A7.13 · DESKTOP SCALE + RECOMMENDATION VISIBILITY
   Mobil tasarım korunur. Sadece masaüstü ölçek ve öneri görünürlüğü.
========================================================= */

/* Öneri rail her zaman görünür */
#ventiGlobalShell .vnt-orbit-reco{
  display:block!important;
}

#ventiGlobalShell .vnt-orbit-reco-empty{
  grid-column:1/-1;
  min-height:62px;

  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;

  padding:12px 14px;

  border:1px dashed rgba(99,102,241,.15);
  border-radius:13px;

  color:#718096;
  background:rgba(255,255,255,.62);

  font-size:8px;
  font-weight:680;
  line-height:1.4;
  text-align:center;
}

#ventiGlobalShell .vnt-orbit-reco-empty i{
  color:#6366f1;
  font-size:12px;
}

/* ---------------------------------------------------------
   DESKTOP TYPOGRAPHY SCALE
   Mobile ölçülerine dokunulmaz.
--------------------------------------------------------- */
@media(min-width:768px){

  /* HEADER */
  #ventiGlobalShell .vnt-orbit-copy small{
    font-size:8px!important;
  }

  #ventiGlobalShell .vnt-orbit-copy strong{
    font-size:16px!important;
    line-height:1.14!important;
  }

  #ventiGlobalShell .vnt-orbit-copy span{
    font-size:8.8px!important;
    margin-top:5px!important;
  }

  #ventiGlobalShell .vnt-orbit-telemetry-item{
    min-height:30px!important;
    padding:0 12px!important;
    font-size:8.4px!important;
  }

  #ventiGlobalShell .vnt-orbit-telemetry-item i{
    width:22px!important;
    height:22px!important;
    font-size:9px!important;
  }

  /* RECOMMENDATION TRIGGER */
  #ventiGlobalShell .vnt-orbit-reco-tab{
    min-width:178px!important;
    min-height:36px!important;
    padding:6px 12px 7px!important;
  }

  #ventiGlobalShell .vnt-orbit-reco-label strong{
    font-size:9px!important;
  }

  #ventiGlobalShell .vnt-orbit-reco-label i{
    font-size:10px!important;
  }

  #ventiGlobalShell .vnt-orbit-reco-chevron{
    width:22px!important;
    height:22px!important;
  }

  #ventiGlobalShell .vnt-orbit-reco-chevron i{
    font-size:9px!important;
  }

  #ventiGlobalShell .vnt-orbit-reco-intro small{
    font-size:7.6px!important;
  }

  #ventiGlobalShell .vnt-orbit-reco-intro strong{
    font-size:11.5px!important;
  }

  /* VOICE CONSOLE */
  #ventiGlobalShell .vnt-ai-voice-console{
    min-height:56px!important;
    grid-template-columns:40px minmax(0,1fr) auto 34px!important;
    gap:10px!important;
    padding:9px 11px!important;
  }

  #ventiGlobalShell .vnt-ai-voice-console-icon{
    width:40px!important;
    height:40px!important;
    border-radius:12px!important;
  }

  #ventiGlobalShell .vnt-ai-voice-console-icon i{
    font-size:14px!important;
  }

  #ventiGlobalShell .vnt-ai-voice-console-copy strong{
    font-size:10.5px!important;
  }

  #ventiGlobalShell .vnt-ai-voice-console-copy small{
    margin-top:3px!important;
    font-size:8.4px!important;
  }

  #ventiGlobalShell .vnt-ai-voice-switch{
    width:34px!important;
    height:34px!important;
  }

  #ventiGlobalShell .vnt-ai-voice-switch i{
    font-size:12px!important;
  }

  /* RECORDING STATE */
  #ventiGlobalShell .vnt-ai-recording-state{
    min-height:56px!important;
    padding:9px 11px!important;
  }

  #ventiGlobalShell .vnt-ai-recording-copy strong{
    font-size:10px!important;
  }

  #ventiGlobalShell .vnt-ai-recording-copy small{
    font-size:8.2px!important;
  }

  /* FOOTER META */
  #ventiGlobalShell .vnt-ai-footer-meta,
  #ventiGlobalShell .vnt-ai-footer-meta span{
    font-size:7.6px!important;
  }
}

/* 2K/4K desktop: kontrollü artış */
@media(min-width:1600px){
  #ventiGlobalShell .vnt-orbit-copy strong{
    font-size:17px!important;
  }

  #ventiGlobalShell .vnt-orbit-telemetry-item{
    font-size:8.8px!important;
  }

  #ventiGlobalShell .vnt-ai-voice-console-copy strong{
    font-size:11px!important;
  }

  #ventiGlobalShell .vnt-ai-voice-console-copy small{
    font-size:8.7px!important;
  }
}


/* =========================================================
   VENTI 9.0-A7.15 · RECOMMENDATION ROW HEIGHT FIX
   Kök neden:
   .vnt-orbit-reco-tab absolute olduğu için kapalı durumdaki
   section doğal yükseklik üretmiyordu. max-height tek başına
   yükseklik vermez; grid satırı 0px'e çöküyordu.
========================================================= */

#ventiGlobalShell .vnt-orbit-reco{
  display:block!important;
  min-height:38px!important;
}

#ventiGlobalShell .vnt-orbit-reco.is-collapsed{
  display:block!important;
  min-height:38px!important;
  height:38px!important;
  max-height:38px!important;
  overflow:visible!important;
}

#ventiGlobalShell .vnt-orbit-reco.is-collapsed .vnt-orbit-reco-tab{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}

/* Açıldığında sabit yükseklik bırakılmaz; kartlar doğal büyür */
#ventiGlobalShell .vnt-orbit-reco:not(.is-collapsed){
  height:auto!important;
  min-height:38px!important;
  max-height:420px!important;
  overflow:hidden!important;
}

/* Drawer predictive satırı 0px'e çökmemeli */
#ventiGlobalShell .vnt-ai-drawer{
  grid-template-rows:
    auto
    auto
    minmax(38px,auto)
    minmax(0,1fr)
    auto!important;
}

/* mobil mevcut tasarımı koruyarak aynı kök düzeltme */
@media(max-width:767.98px){
  #ventiGlobalShell .vnt-orbit-reco,
  #ventiGlobalShell .vnt-orbit-reco.is-collapsed{
    min-height:36px!important;
    height:36px!important;
    max-height:36px!important;
  }

  #ventiGlobalShell .vnt-orbit-reco:not(.is-collapsed){
    height:auto!important;
    min-height:36px!important;
    max-height:420px!important;
  }

  #ventiGlobalShell .vnt-ai-drawer{
    grid-template-rows:
      auto
      auto
      minmax(36px,auto)
      minmax(0,1fr)
      auto!important;
  }
}


/* =========================================================
   VENTI 9.0-A8.0 · REAL-TIME CUSTOMER OPERATIONS CORE
========================================================= */

/* Ticket Copilot */
#ventiGlobalShell .vnt-ai-ticket-copilot{
  min-height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;

  padding:0 8px;

  border:1px solid rgba(99,102,241,.14);
  border-radius:9px;

  color:#4f46e5;
  background:rgba(238,241,255,.78);

  font-size:7px;
  font-weight:800;

  cursor:pointer;
}

#ventiGlobalShell .vnt-ai-ticket-copilot:hover{
  background:#eef2ff;
  border-color:rgba(79,70,229,.24);
}

#ventiGlobalShell .vnt-ai-ticket-copilot:disabled{
  opacity:.65;
  cursor:wait;
}

/* Document composer / history */
#ventiGlobalShell .vnt-ai-media-preview.is-document,
#ventiGlobalShell .vnt-ai-attachment-card .audio.is-document{
  display:grid;
  place-items:center;

  color:#7c3aed;

  background:
    linear-gradient(145deg,#f5f0ff,#fbf9ff);

  box-shadow:inset 0 0 0 1px rgba(124,58,237,.10);
}

#ventiGlobalShell .vnt-ai-media-preview.is-document i,
#ventiGlobalShell .vnt-ai-attachment-card .audio.is-document i{
  font-size:15px;
}

/* Bound ticket live indicator */
#ventiGlobalShell .vnt-ai-ticket-status[data-live="1"]::before{
  content:"";
  display:inline-block;

  width:6px;
  height:6px;

  margin-right:5px;

  border-radius:999px;

  background:#22c55e;
  box-shadow:0 0 0 3px rgba(34,197,94,.10);
  vertical-align:middle;
}

@media(min-width:768px){
  #ventiGlobalShell .vnt-ai-ticket-copilot{
    min-height:30px;
    padding:0 10px;
    font-size:7.8px;
  }
}


/* =========================================================
   VENTI 9.0-A8.1 · CONCIERGE SUPPORT ORCHESTRATION
========================================================= */

#ventiGlobalShell .vnt-ai-concierge-card{
  width:min(92%,560px);
  display:grid;
  grid-template-columns:40px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  margin:9px 0;
  padding:10px 11px;
  border:1px solid rgba(99,102,241,.12);
  border-radius:16px;
  background:
    radial-gradient(180px 80px at 0 0,rgba(99,102,241,.08),transparent 72%),
    rgba(255,255,255,.94);
  box-shadow:
    0 9px 24px rgba(15,23,42,.045),
    inset 0 1px 0 rgba(255,255,255,.94);
}

#ventiGlobalShell .vnt-ai-concierge-card.is-support_reply{
  border-color:rgba(14,165,233,.18);
  background:
    radial-gradient(220px 90px at 0 0,rgba(14,165,233,.10),transparent 72%),
    rgba(255,255,255,.96);
}

#ventiGlobalShell .vnt-ai-concierge-icon{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:13px;
  color:#4f46e5;
  background:linear-gradient(145deg,#eef2ff,#f8f9ff);
  box-shadow:inset 0 0 0 1px rgba(99,102,241,.09);
}

#ventiGlobalShell .vnt-ai-concierge-card.is-support_reply .vnt-ai-concierge-icon{
  color:#0284c7;
  background:linear-gradient(145deg,#eaf9ff,#f6fcff);
}

#ventiGlobalShell .vnt-ai-concierge-icon i{font-size:14px;}
#ventiGlobalShell .vnt-ai-concierge-body{min-width:0;}

#ventiGlobalShell .vnt-ai-concierge-body strong{
  display:block;
  color:#172033;
  font-size:9.5px;
  font-weight:850;
  line-height:1.2;
}

#ventiGlobalShell .vnt-ai-concierge-body p{
  margin:3px 0 0;
  color:#667085;
  font-size:8px;
  line-height:1.45;
  font-weight:620;
}

#ventiGlobalShell .vnt-ai-concierge-body small{
  display:block;
  margin-top:4px;
  color:#98a2b3;
  font-size:6.7px;
}

#ventiGlobalShell .vnt-ai-concierge-actions{
  display:flex;
  align-items:center;
  gap:5px;
}

#ventiGlobalShell .vnt-ai-concierge-actions button{
  min-height:29px;
  padding:0 9px;
  border-radius:9px;
  font-size:7px;
  font-weight:820;
  cursor:pointer;
}

#ventiGlobalShell .vnt-ai-concierge-actions .primary{
  border:0;
  color:#fff;
  background:linear-gradient(135deg,#2563eb,#4f46e5);
  box-shadow:0 5px 12px rgba(79,70,229,.16);
}

#ventiGlobalShell .vnt-ai-concierge-actions .secondary{
  border:1px solid rgba(148,163,184,.18);
  color:#667085;
  background:#fff;
}

#ventiGlobalShell .vnt-ai-ticket-transcript-divider{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:10px 0 7px;
  padding:7px 10px;
  border-top:1px solid rgba(14,165,233,.12);
  border-bottom:1px solid rgba(14,165,233,.12);
  color:#0369a1;
  background:rgba(240,249,255,.72);
}

#ventiGlobalShell .vnt-ai-ticket-transcript-divider span{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:8px;
  font-weight:850;
}

#ventiGlobalShell .vnt-ai-ticket-transcript-divider small{
  font-size:7px;
  font-weight:800;
}

#ventiGlobalShell .vnt-ai-inline-suggestion{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin:6px 0 10px;
  padding:7px 10px;
  border:1px solid rgba(99,102,241,.13);
  border-radius:999px;
  color:#4338ca;
  background:#f7f7ff;
  font-size:7.4px;
  font-weight:800;
  cursor:pointer;
}

#ventiGlobalShell .vnt-ai-inline-suggestion:hover{background:#eef2ff;}

@media(max-width:767.98px){
  #ventiGlobalShell .vnt-ai-concierge-card{
    width:100%;
    grid-template-columns:36px minmax(0,1fr);
    gap:8px;
    padding:9px;
  }

  #ventiGlobalShell .vnt-ai-concierge-icon{
    width:36px;
    height:36px;
  }

  #ventiGlobalShell .vnt-ai-concierge-actions{
    grid-column:1/-1;
    justify-content:flex-end;
  }

  #ventiGlobalShell .vnt-ai-concierge-body strong{font-size:12.5px;}
  #ventiGlobalShell .vnt-ai-concierge-body p{font-size:11.5px;}

  #ventiGlobalShell .vnt-ai-concierge-actions button{
    min-height:34px;
    font-size:10.5px;
  }
}


/* =========================================================
   VENTI 9.0-A8.2 · CONCIERGE REPLY LIFECYCLE
========================================================= */

#ventiGlobalShell .vnt-ai-concierge-actions{
  flex-wrap:wrap;
  justify-content:flex-end;
}

#ventiGlobalShell .vnt-ai-concierge-actions button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
}

#ventiGlobalShell .vnt-ai-concierge-actions .tertiary{
  border:1px solid rgba(148,163,184,.14);
  color:#64748b;
  background:rgba(248,250,252,.92);
}

#ventiGlobalShell .vnt-ai-concierge-actions .icon-only{
  width:29px;
  min-width:29px;
  padding:0;
  border:1px solid rgba(148,163,184,.14);
  color:#94a3b8;
  background:#fff;
}

#ventiGlobalShell .vnt-ai-concierge-actions .primary:hover{
  transform:translateY(-1px);
  box-shadow:0 7px 16px rgba(79,70,229,.20);
}

#ventiGlobalShell .vnt-ai-concierge-actions .secondary:hover,
#ventiGlobalShell .vnt-ai-concierge-actions .tertiary:hover,
#ventiGlobalShell .vnt-ai-concierge-actions .icon-only:hover{
  border-color:rgba(99,102,241,.22);
  color:#4338ca;
}

@media(max-width:767.98px){
  #ventiGlobalShell .vnt-ai-concierge-actions{
    gap:6px;
  }

  #ventiGlobalShell .vnt-ai-concierge-actions .icon-only{
    width:34px;
    min-width:34px;
  }
}