/* XAN v1.2.160 — XAN Asistan mobil rafine katmanı.
 * Amaç: mobil görünümde asistan akışını sadeleştirmek, çakışan kontrolleri azaltmak,
 * ses ayarları ve proje paneli aksiyonlarını kurumsal dilde netleştirmek.
 * Kayıt, sohbet arşivi, API ve veri akışı değiştirilmez.
 */

body.xan-customer-ai-standalone-v196 .xan-ai-app-v233{
  --xan-ai-v160-petrol:#055970;
  --xan-ai-v160-petrol-dark:#123344;
  --xan-ai-v160-soft:#F5F8FA;
  --xan-ai-v160-border:#D7E3E8;
  --xan-ai-v160-border-strong:#AFC5CE;
  --xan-ai-v160-muted:#5E7480;
  --xan-ai-v160-white:#FFFFFF;
  --xan-ai-v160-shadow:0 8px 22px rgba(4,31,64,.06);
}

body.xan-customer-ai-standalone-v196 .xcai-step[data-step="welcome"]{
  gap:14px!important;
}
body.xan-customer-ai-standalone-v196 .xcai-welcome-v196{
  position:relative!important;
  z-index:1!important;
}
body.xan-customer-ai-standalone-v196 .xcai-mode-switch-v175{
  position:relative!important;
  z-index:2!important;
}
body.xan-customer-ai-standalone-v196 .xcai-chat-v175,
body.xan-customer-ai-standalone-v196 .xcai-voice-panel-v175,
body.xan-customer-ai-standalone-v196 .xan-ai-results-v237,
body.xan-customer-ai-standalone-v196 .xan-ai-live-list-v235,
body.xan-customer-ai-standalone-v196 .xan-ai-project-tools-v153,
body.xan-customer-ai-standalone-v196 .xan-ai-tools-v235,
body.xan-customer-ai-standalone-v196 .xan-ai-tabs-v235{
  box-shadow:none!important;
}

/* Ses ayarları ve test düğmeleri */
body.xan-customer-ai-standalone-v196 .xcai-voice-panel-v175{
  border:1px solid var(--xan-ai-v160-border)!important;
  border-radius:18px!important;
  background:var(--xan-ai-v160-white)!important;
  padding:16px!important;
}
body.xan-customer-ai-standalone-v196 .xcai-voice-panel-v175 [data-xcai-voice-grid]{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
body.xan-customer-ai-standalone-v196 .xcai-voice-panel-v175 .xcai-voice-card-v141{
  border:1px solid var(--xan-ai-v160-border)!important;
  border-radius:16px!important;
  padding:14px!important;
  background:#FBFDFE!important;
}
body.xan-customer-ai-standalone-v196 .xcai-voice-panel-v175 .xcai-voice-card-v141 strong{
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:600!important;
  color:#08344C!important;
}
body.xan-customer-ai-standalone-v196 .xcai-voice-panel-v175 .xcai-voice-card-v141 label,
body.xan-customer-ai-standalone-v196 .xcai-voice-panel-v175 .xcai-voice-control-v160{
  display:grid!important;
  gap:6px!important;
  color:#325060!important;
  font-size:12px!important;
  line-height:1.4!important;
}
body.xan-customer-ai-standalone-v196 .xcai-voice-panel-v175 select,
body.xan-customer-ai-standalone-v196 .xcai-voice-panel-v175 [data-xcai-voice-speed]{
  min-height:48px!important;
  width:100%!important;
  padding:0 14px!important;
  border:1px solid #B6CBD4!important;
  border-radius:14px!important;
  background:#FFFFFF!important;
  color:#244455!important;
  font-size:14px!important;
  line-height:1.3!important;
}
body.xan-customer-ai-standalone-v196 .xcai-voice-panel-v175 small,
body.xan-customer-ai-standalone-v196 .xcai-voice-panel-v175 [data-xcai-voice-status]{
  color:#607784!important;
  font-size:12px!important;
  line-height:1.5!important;
}
body.xan-customer-ai-standalone-v196 .xcai-voice-panel-v175 [data-xcai-voice-test-role],
body.xan-customer-ai-standalone-v196 .xcai-voice-panel-v175 [data-xcai-voice-test],
body.xan-customer-ai-standalone-v196 .xcai-voice-panel-v175 [data-xcai-voice-stop]{
  min-height:48px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 14px!important;
  border-radius:14px!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:600!important;
  border:1px solid #E7C03B!important;
  background:#FFD64B!important;
  color:#123344!important;
  -webkit-text-fill-color:#123344!important;
}
body.xan-customer-ai-standalone-v196 .xcai-voice-panel-v175 [data-xcai-voice-stop]{
  border-color:#B7CBD4!important;
  background:#FFFFFF!important;
  color:#055970!important;
  -webkit-text-fill-color:#055970!important;
}
body.xan-customer-ai-standalone-v196 .xcai-voice-panel-v175 [data-xcai-voice-test]:focus-visible,
body.xan-customer-ai-standalone-v196 .xcai-voice-panel-v175 [data-xcai-voice-stop]:focus-visible,
body.xan-customer-ai-standalone-v196 .xcai-voice-panel-v175 [data-xcai-voice-test-role]:focus-visible{
  outline:3px solid rgba(5,89,112,.18)!important;
  outline-offset:2px!important;
}
body.xan-customer-ai-standalone-v196 .xcai-voice-actions-v160{
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  margin:10px 0 0!important;
}

/* Sohbet ve hızlı yardım alanı */
body.xan-customer-ai-standalone-v196 .xcai-chat-toolbar-v175{
  gap:12px!important;
}
body.xan-customer-ai-standalone-v196 .xcai-chat-tools-v175 button{
  min-height:42px!important;
  border-radius:14px!important;
  font-size:14px!important;
  font-weight:600!important;
}
body.xan-customer-ai-standalone-v196 .xcai-chat-input-v175 input{
  border-radius:16px!important;
}
body.xan-customer-ai-standalone-v196 .xcai-quick-contact-v175 .xcai-contact-action-v209{
  min-height:54px!important;
  border-radius:15px!important;
  font-size:14px!important;
  font-weight:600!important;
}
body.xan-customer-ai-standalone-v196 .xcai-quick-contact-v175 .xcai-contact-action-v209 .xcai-contact-icon-v196{
  width:22px!important;
  height:22px!important;
  flex-basis:22px!important;
}

/* Sol çekmece ve boş durumlar */
body.xan-customer-ai-standalone-v196 .xan-ai-chat-empty-v153,
body.xan-customer-ai-standalone-v196 .xan-ai-chats-list-v153>p{
  margin:0!important;
  padding:12px 10px!important;
  border:1px dashed #D5E2E7!important;
  border-radius:12px!important;
  background:#FBFDFE!important;
  color:#5F7580!important;
  font-size:13px!important;
  line-height:1.55!important;
}
body.xan-customer-ai-standalone-v196 .xan-ai-project-tools-v153{
  margin-top:12px!important;
  border-radius:16px!important;
}
body.xan-customer-ai-standalone-v196 .xan-ai-project-tools-v153 summary{
  min-height:46px!important;
  display:flex!important;
  align-items:center!important;
  padding:12px 14px!important;
  color:#0D3850!important;
  font-size:14px!important;
}
body.xan-customer-ai-standalone-v196 .xan-ai-project-tools-inner-v153{
  padding:0 12px 12px!important;
}

/* Sağ proje paneli */
body.xan-customer-ai-standalone-v196 .xan-ai-results-rail-head-v155{
  border-bottom:1px solid #E1EAEE!important;
}
body.xan-customer-ai-standalone-v196 .xan-ai-results-rail-head-v155 strong{
  color:#08344C!important;
}
body.xan-customer-ai-standalone-v196 [data-xan-ai-results-close-v155]{
  border-radius:14px!important;
}
body.xan-customer-ai-standalone-v196 .xan-ai-tabs-v235 button,
body.xan-customer-ai-standalone-v196 .xan-ai-tools-v235 button,
body.xan-customer-ai-standalone-v196 .xan-ai-live-actions-v235 button,
body.xan-customer-ai-standalone-v196 .xan-ai-live-actions-v235 a,
body.xan-customer-ai-standalone-v196 .xan-ai-results-actions-v237 button{
  border-radius:14px!important;
}
body.xan-customer-ai-standalone-v196 .xan-ai-tools-v235 button{
  min-height:46px!important;
  justify-content:flex-start!important;
  text-align:left!important;
  padding-inline:14px!important;
}
body.xan-customer-ai-standalone-v196 .xan-ai-sync-note-v235{
  display:block!important;
  margin-top:10px!important;
  color:#607784!important;
  font-size:12px!important;
  line-height:1.45!important;
}

@media (max-width:900px){
  body.xan-customer-ai-standalone-v196 .xan-ai-filter-rail-v236{
    width:min(352px,94vw)!important;
    border-radius:0 18px 18px 0!important;
    padding:14px!important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-decision-rail-v235{
    width:min(430px,96vw)!important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-chat-new-v153,
  body.xan-customer-ai-standalone-v196 .xan-ai-chats-search-label-v153 input{
    min-height:46px!important;
    font-size:14px!important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-chats-status-v153{
    font-size:12px!important;
    line-height:1.5!important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-results-v237,
  body.xan-customer-ai-standalone-v196 .xan-ai-live-list-v235,
  body.xan-customer-ai-standalone-v196 .xan-ai-project-inspector-v238,
  body.xan-customer-ai-standalone-v196 .xan-ai-compare-tray-v238{
    border-radius:16px!important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-tools-v235{
    display:grid!important;
    gap:8px!important;
  }
}

@media (max-width:640px){
  body.xan-customer-ai-standalone-v196 .xan-ai-appbar-v233{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-areas:
      "brand brand brand"
      "chats menu results"!important;
    gap:8px!important;
    padding:10px 10px 11px!important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-brand-v233{
    grid-area:brand!important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-brand-v233>span{
    width:48px!important;
    height:48px!important;
    border-radius:16px!important;
    font-size:15px!important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-brand-v233 strong{
    font-size:16px!important;
    line-height:1.2!important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-brand-v233 small{
    font-size:12px!important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-chats-drawer-trigger-v153,
  body.xan-customer-ai-standalone-v196 .xan-ai-mobile-menu-v153,
  body.xan-customer-ai-standalone-v196 .xan-ai-results-toggle-v155{
    width:100%!important;
    min-height:46px!important;
    justify-content:center!important;
    padding:9px 10px!important;
    border-radius:14px!important;
    font-size:13px!important;
    line-height:1.2!important;
    text-align:center!important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-chats-drawer-trigger-v153{grid-area:chats!important}
  body.xan-customer-ai-standalone-v196 .xan-ai-mobile-menu-v153{grid-area:menu!important}
  body.xan-customer-ai-standalone-v196 .xan-ai-results-toggle-v155{grid-area:results!important}
  body.xan-customer-ai-standalone-v196 .xan-ai-appbar-meta-v233{
    display:none!important;
  }

  body.xan-customer-ai-standalone-v196 .xcai-welcome-v196{
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:10px!important;
    min-height:0!important;
    padding:10px 12px!important;
    margin:0 0 10px!important;
    border-radius:16px!important;
  }
  body.xan-customer-ai-standalone-v196 .xcai-welcome-icon-v196{
    width:34px!important;
    height:34px!important;
    font-size:15px!important;
  }
  body.xan-customer-ai-standalone-v196 .xcai-welcome-copy-v196{
    font-size:13px!important;
    line-height:1.45!important;
  }
  body.xan-customer-ai-standalone-v196 .xcai-mode-switch-v175{
    padding:4px!important;
    margin:0 0 12px!important;
    border-radius:15px!important;
  }
  body.xan-customer-ai-standalone-v196 .xcai-mode-switch-v175 button{
    min-height:52px!important;
    font-size:14px!important;
    gap:8px!important;
    padding:10px 12px!important;
    border-radius:13px!important;
  }
  body.xan-customer-ai-standalone-v196 .xcai-quick-title-v196{
    margin-bottom:10px!important;
  }
  body.xan-customer-ai-standalone-v196 .xcai-quick-title-v196 strong{
    font-size:15px!important;
  }
  body.xan-customer-ai-standalone-v196 .xcai-intents-v195 button{
    min-height:64px!important;
    border-radius:15px!important;
  }
  body.xan-customer-ai-standalone-v196 .xcai-quick-contact-v175{
    margin-top:12px!important;
    gap:10px!important;
  }

  body.xan-customer-ai-standalone-v196 .xcai-chat-toolbar-v175{
    display:grid!important;
    grid-template-columns:1fr!important;
    padding:14px 14px 12px!important;
  }
  body.xan-customer-ai-standalone-v196 .xcai-chat-toolbar-v175 > div:first-child{
    min-width:0!important;
  }
  body.xan-customer-ai-standalone-v196 .xcai-chat-tools-v175{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body.xan-customer-ai-standalone-v196 .xcai-chat-tools-v175 button{
    min-width:0!important;
    padding:0 8px!important;
  }
  body.xan-customer-ai-standalone-v196 .xcai-chat-log-v175{
    padding:12px!important;
  }
  body.xan-customer-ai-standalone-v196 .xcai-chat-input-v175{
    grid-template-columns:minmax(0,1fr) 56px!important;
    gap:8px!important;
    padding:12px!important;
  }
  body.xan-customer-ai-standalone-v196 .xcai-chat-input-v175 [data-xcai-chat-send]{
    grid-column:1 / -1!important;
    min-height:48px!important;
    border-radius:15px!important;
  }
  body.xan-customer-ai-standalone-v196 .xcai-chat-input-v175 [data-xcai-chat-voice]{
    min-height:48px!important;
    border-radius:15px!important;
  }

  body.xan-customer-ai-standalone-v196 .xcai-voice-panel-v175{
    padding:14px!important;
  }
  body.xan-customer-ai-standalone-v196 .xcai-voice-panel-v175 [data-xcai-voice-grid]{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  body.xan-customer-ai-standalone-v196 .xcai-voice-panel-v175 .xcai-voice-control-v160,
  body.xan-customer-ai-standalone-v196 .xcai-voice-panel-v175 [style*="display:flex"][style*="gap:8px"]{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  body.xan-customer-ai-standalone-v196 .xcai-voice-panel-v175 [data-xcai-voice-test],
  body.xan-customer-ai-standalone-v196 .xcai-voice-panel-v175 [data-xcai-voice-stop],
  body.xan-customer-ai-standalone-v196 .xcai-voice-panel-v175 [data-xcai-voice-test-role]{
    width:100%!important;
  }

  body.xan-customer-ai-standalone-v196 .xan-ai-filter-rail-v236{
    width:min(360px,95vw)!important;
    padding:14px 12px!important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-chats-head-v153 strong{
    font-size:18px!important;
    line-height:1.2!important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-chat-drawer-close-v153{
    width:44px!important;
    height:44px!important;
    border-radius:14px!important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-chats-list-v153{
    max-height:none!important;
    min-height:96px!important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-project-tools-v153{
    max-height:none!important;
  }

  body.xan-customer-ai-standalone-v196 .xan-ai-decision-rail-v235{
    padding:14px 12px!important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-project-shortcuts-v155{
    display:none!important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-results-rail-head-v155{
    margin:0 0 12px!important;
    padding-bottom:12px!important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-results-rail-head-v155 strong{
    font-size:16px!important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-results-v237,
  body.xan-customer-ai-standalone-v196 .xan-ai-project-inspector-v238,
  body.xan-customer-ai-standalone-v196 .xan-ai-compare-tray-v238{
    padding:12px!important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-results-actions-v237,
  body.xan-customer-ai-standalone-v196 .xan-ai-live-actions-v235{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-results-actions-v237 button,
  body.xan-customer-ai-standalone-v196 .xan-ai-live-actions-v235 button,
  body.xan-customer-ai-standalone-v196 .xan-ai-live-actions-v235 a{
    min-height:46px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 10px!important;
    font-size:14px!important;
    text-align:center!important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-decision-head-v235{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:end!important;
    gap:8px!important;
    margin:14px 0 10px!important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-decision-head-v235 strong{
    font-size:16px!important;
    line-height:1.2!important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-decision-head-v235 small{
    font-size:12px!important;
    line-height:1.45!important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-tabs-v235{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    padding:4px!important;
    margin-bottom:12px!important;
    border:1px solid #DEE8EC!important;
    border-radius:16px!important;
    background:#F7FAFB!important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-tabs-v235 button{
    min-width:0!important;
    min-height:50px!important;
    display:grid!important;
    place-items:center!important;
    gap:4px!important;
    padding:8px 6px!important;
    border-radius:12px!important;
    font-size:13px!important;
    line-height:1.2!important;
    text-align:center!important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-tabs-v235 button span,
  body.xan-customer-ai-standalone-v196 .xan-ai-tabs-v235 button b{
    margin:0!important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-live-list-v235{
    min-height:220px!important;
    padding:12px!important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-tools-v235 button{
    font-size:14px!important;
  }
}
