/* v1.2.39 — koyu kurumsal üst bar + canlı karar özeti */
body.xan-customer-ai-standalone-v239 .xan-ai-appbar-v233{
  min-height:68px!important;
  display:grid!important;
  grid-template-columns:minmax(220px,auto) minmax(360px,1fr) auto!important;
  align-items:center!important;
  gap:16px!important;
  padding:9px 18px!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  background:#041F40!important;
  box-shadow:0 7px 24px rgba(4,31,64,.22)!important;
}
body.xan-customer-ai-standalone-v239 .xan-ai-brand-v233{
  color:#FFFFFF!important;
}
body.xan-customer-ai-standalone-v239 .xan-ai-brand-v233>span{
  background:#055970!important;
  border:1px solid rgba(255,255,255,.24)!important;
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  box-shadow:0 8px 20px rgba(0,0,0,.16)!important;
}
body.xan-customer-ai-standalone-v239 .xan-ai-brand-v233 strong{
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  font-weight:600!important;
}
body.xan-customer-ai-standalone-v239 .xan-ai-brand-v233 small{
  color:rgba(255,255,255,.80)!important;
  -webkit-text-fill-color:rgba(255,255,255,.80)!important;
}

.xan-ai-appbar-status-v239{
  min-width:0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
  max-width:620px;
  width:100%;
  justify-self:center;
}
.xan-ai-appbar-status-v239 button{
  min-width:0;
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
  padding:6px 9px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:11px;
  background:rgba(255,255,255,.07);
  color:#FFFFFF;
  cursor:pointer;
  font:500 10.2px/1.2 inherit;
  transition:background .15s ease,border-color .15s ease,transform .15s ease;
}
.xan-ai-appbar-status-v239 button:hover,
.xan-ai-appbar-status-v239 button:focus-visible,
.xan-ai-appbar-status-v239 button.is-active{
  background:#055970;
  border-color:rgba(255,255,255,.28);
  color:#FFFFFF;
  outline:none;
}
.xan-ai-appbar-status-v239 button:hover{transform:translateY(-1px)}
.xan-ai-appbar-status-v239 button span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
}
.xan-ai-appbar-status-v239 button b{
  flex:0 0 auto;
  min-width:23px;
  height:23px;
  display:grid;
  place-items:center;
  padding:0 5px;
  border-radius:8px;
  background:rgba(255,255,255,.14);
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  font-size:9.6px;
  line-height:1;
  font-weight:600;
}

body.xan-customer-ai-standalone-v239 .xan-ai-appbar-meta-v233{
  justify-self:end;
  gap:7px;
}
body.xan-customer-ai-standalone-v239 .xan-ai-appbar-meta-v233 span,
body.xan-customer-ai-standalone-v239 .xan-ai-appbar-meta-v233 a{
  min-height:36px;
  border-color:rgba(255,255,255,.14)!important;
  background:#13364C!important;
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
}
body.xan-customer-ai-standalone-v239 .xan-ai-appbar-meta-v233 a:hover,
body.xan-customer-ai-standalone-v239 .xan-ai-appbar-meta-v233 a:focus-visible{
  border-color:rgba(255,255,255,.34)!important;
  background:#055970!important;
  color:#FFFFFF!important;
  outline:none;
}
.xan-ai-live-dot-v239{
  width:7px;
  height:7px;
  margin-right:6px;
  border-radius:50%;
  background:#6FE3CE;
  box-shadow:0 0 0 3px rgba(111,227,206,.12);
}

/* Koyu zemindeki tüm üst bar metinleri beyaz kalır. */
body.xan-customer-ai-standalone-v239 .xan-ai-appbar-v233,
body.xan-customer-ai-standalone-v239 .xan-ai-appbar-v233 *{
  color:#FFFFFF;
}

/* Tablet landscape: bilgi alanı korunur. */
@media (min-width:901px) and (max-width:1279px){
  body.xan-customer-ai-standalone-v239 .xan-ai-appbar-v233{
    grid-template-columns:minmax(190px,auto) minmax(300px,1fr) auto!important;
    gap:10px!important;
    padding:8px 12px!important;
  }
  .xan-ai-appbar-status-v239{gap:5px}
  .xan-ai-appbar-status-v239 button{padding:5px 7px;font-size:9.2px}
  .xan-ai-appbar-status-v239 button b{min-width:21px;height:21px;font-size:8.8px}
  body.xan-customer-ai-standalone-v239 .xan-ai-appbar-meta-v233 span{display:none}
}

/* Tablet portrait: üst bar iki satır; karar özeti kaybolmaz. */
@media (min-width:641px) and (max-width:900px){
  body.xan-customer-ai-standalone-v239 .xan-ai-appbar-v233{
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"brand meta" "status status"!important;
    gap:7px 10px!important;
    padding:8px 10px 9px!important;
  }
  body.xan-customer-ai-standalone-v239 .xan-ai-brand-v233{grid-area:brand}
  body.xan-customer-ai-standalone-v239 .xan-ai-appbar-meta-v233{grid-area:meta}
  .xan-ai-appbar-status-v239{grid-area:status;max-width:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
  .xan-ai-appbar-status-v239 button{min-height:32px;padding:4px 7px;font-size:9.1px}
  body.xan-customer-ai-standalone-v239 .xan-ai-appbar-meta-v233 span{display:none}
}

@media(max-width:640px){
  body.xan-customer-ai-standalone-v239 .xan-ai-appbar-v233{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
    min-height:60px!important;
    padding:7px 9px!important;
  }
  .xan-ai-appbar-status-v239{display:none!important}
  body.xan-customer-ai-standalone-v239 .xan-ai-appbar-meta-v233 span{display:none!important}
  body.xan-customer-ai-standalone-v239 .xan-ai-appbar-meta-v233 a{min-height:32px;padding:0 8px;font-size:10px}
}
