/* XAN Assistant v1.2.161 — compact mobile UI and safe panel contrast.
   Only the standalone XAN Assistant is affected. No storage or business operations. */
body.xan-customer-ai-standalone-v196 .xan-ai-appbar-v233 button,
body.xan-customer-ai-standalone-v196 .xan-ai-filter-rail-v236 button,
body.xan-customer-ai-standalone-v196 .xan-ai-decision-rail-v235 button{touch-action:manipulation}

@media (max-width:900px){
  /* Modal backdrop for conversation history, identical visual behavior to project rail. */
  body.xan-customer-ai-standalone-v196.xan-ai-thread-drawer-open-v153::before{
    content:"";position:fixed;inset:0;z-index:99998;
    background:rgba(3,36,50,.44);
  }
  /* Chat drawer must be a conversation list, not a full project workspace. */
  body.xan-customer-ai-standalone-v196 .xan-ai-filter-rail-v236{
    max-height:100dvh!important;
    height:100dvh!important;
    display:none!important;
    flex-direction:column!important;
    overflow:hidden!important;
    background:#fff!important;
    border-right:2px solid #FFD64B!important;
  }
  body.xan-customer-ai-standalone-v196.xan-ai-thread-drawer-open-v153 .xan-ai-filter-rail-v236{display:flex!important}
  body.xan-customer-ai-standalone-v196 .xan-ai-chats-v153{min-height:0!important;flex:1 1 auto!important;overflow:hidden!important}
  body.xan-customer-ai-standalone-v196 .xan-ai-chats-list-v153{
    flex:1 1 auto!important;min-height:0!important;max-height:none!important;
    overflow:auto!important;overscroll-behavior:contain!important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-project-tools-v153{
    flex:0 0 auto!important;max-height:min(34dvh,320px)!important;
    overflow:auto!important;margin-top:9px!important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-project-tools-v153:not([open]){
    overflow:hidden!important;max-height:55px!important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-project-tools-v153 summary{
    background:#F5F9FB!important;border-radius:13px!important;
  }
  /* The project drawer contains one accessible set of decision tabs.
     Legacy header shortcuts had duplicate recent/favorites/shortlist buttons. */
  body.xan-customer-ai-standalone-v196 .xan-ai-project-shortcuts-v155,
  body.xan-customer-ai-standalone-v196.xan-ai-projects-open-v155 .xan-ai-project-shortcuts-v155,
  body.xan-customer-ai-standalone-v196 #xan-ai-top-actions-v153{
    display:none!important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-decision-rail-v235{
    overflow-x:hidden!important;overflow-y:auto!important;
    overscroll-behavior:contain!important;
    background:#FFFFFF!important;
    border-left:3px solid #FFD64B!important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-tabs-v235 button{
    color:#123344!important;-webkit-text-fill-color:#123344!important;
    font-size:13px!important;font-weight:650!important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-tabs-v235 button.is-active,
  body.xan-customer-ai-standalone-v196 .xan-ai-tabs-v235 button[aria-selected="true"]{
    background:#FFD64B!important;border:1px solid #E3BE2D!important;
    color:#03475D!important;-webkit-text-fill-color:#03475D!important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-tabs-v235 button.is-active span,
  body.xan-customer-ai-standalone-v196 .xan-ai-tabs-v235 button[aria-selected="true"] span{
    background:#FFF4BC!important;color:#03475D!important;
    -webkit-text-fill-color:#03475D!important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-live-list-v235:has(.xan-ai-live-empty-v235){
    min-height:105px!important;padding:10px!important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-live-empty-v235{
    min-height:95px!important;padding:13px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    background:#F7FAFB!important;border:1px dashed #BFD4DC!important;
    border-radius:14px!important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-live-empty-v235 strong{
    color:#123344!important;font-size:14px!important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-live-empty-v235 p{
    color:#506976!important;font-size:12px!important;line-height:1.5!important;
    margin:3px 0 0!important;
  }
  /* Voice cards must use their real class, not the non-existent voice-grid attribute. */
  body.xan-customer-ai-standalone-v196 .xcai-dual-voice-v141{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;
    gap:0!important;width:100%!important;
  }
  body.xan-customer-ai-standalone-v196 [data-xan-customer-ai][data-xcai-voice-gender="female"] [data-xcai-voice-card="male"],
  body.xan-customer-ai-standalone-v196 [data-xan-customer-ai][data-xcai-voice-gender="male"] [data-xcai-voice-card="female"]{
    display:none!important;
  }
  body.xan-customer-ai-standalone-v196 .xcai-voice-panel-v175 .xcai-voice-row-v175{
    min-width:0!important;flex-wrap:wrap!important;gap:9px!important;
  }
  body.xan-customer-ai-standalone-v196 .xcai-voice-panel-v175 .xcai-voice-row-v175 strong{
    font-size:14px!important;font-weight:650!important;color:#03475D!important;
  }
  body.xan-customer-ai-standalone-v196 .xcai-voice-genders-v175{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;min-width:min(100%,190px)!important;
  }
  body.xan-customer-ai-standalone-v196 .xcai-voice-genders-v175 button{
    min-height:42px!important;border-radius:12px!important;padding:7px 12px!important;
    background:#FFFFFF!important;border:1px solid #B8CED6!important;
    color:#03475D!important;font-weight:650!important;
  }
  body.xan-customer-ai-standalone-v196 .xcai-voice-genders-v175 button.is-active{
    background:#FFD64B!important;border-color:#E5BF30!important;
    color:#03475D!important;-webkit-text-fill-color:#03475D!important;
  }
  body.xan-customer-ai-standalone-v196 .xcai-voice-name-v175{
    line-height:1.4!important;font-size:12px!important;color:#466371!important;
  }
  body.xan-customer-ai-standalone-v196 .xcai-voice-panel-v175 .xcai-voice-card-v141{
    border:1px solid #BBD2DA!important;border-radius:15px!important;
    padding:12px!important;background:#F8FBFC!important;
  }
  body.xan-customer-ai-standalone-v196 .xcai-voice-panel-v175 .xcai-voice-card-v141.is-active{
    border-left:4px solid #FFD64B!important;
  }
  body.xan-customer-ai-standalone-v196 .xcai-voice-panel-v175 [data-xcai-voice-test]{
    display:none!important; /* duplicate test; active card has its own test control */
  }
  body.xan-customer-ai-standalone-v196 .xcai-voice-panel-v175 .xcai-voice-actions-v160{
    margin:8px 0 0!important;display:flex!important;
  }
  body.xan-customer-ai-standalone-v196 .xcai-voice-panel-v175 [data-xcai-voice-stop]{
    width:100%!important;min-height:44px!important;
  }
  body.xan-customer-ai-standalone-v196 .xcai-voice-panel-v175 [data-xcai-voice-speed]{
    min-height:46px!important;
  }
}
@media (min-width:641px) and (max-width:900px){
  body.xan-customer-ai-standalone-v196 .xan-ai-appbar-v233{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;
    gap:8px!important;background:#03475D!important;border-bottom:3px solid #FFD64B!important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-mobile-menu-v153,
  body.xan-customer-ai-standalone-v196 .xan-ai-chats-drawer-trigger-v153{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    min-height:43px!important;padding:8px 15px!important;border-radius:12px!important;
    background:#FFD64B!important;border:1px solid #E3BD30!important;
    color:#03475D!important;-webkit-text-fill-color:#03475D!important;
    font-size:13px!important;font-weight:700!important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-results-toggle-v155{display:none!important}
}
@media (max-width:640px){
  /* Two and only two navigation buttons on the mobile application bar. */
  body.xan-customer-ai-standalone-v196 .xan-ai-appbar-v233{
    display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-areas:"brand brand" "chats menu"!important;
    gap:8px!important;padding:9px 12px 10px!important;
    background:#03475D!important;border-bottom:3px solid #FFD64B!important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-brand-v233{grid-area:brand!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{display:none!important}
  body.xan-customer-ai-standalone-v196 .xan-ai-appbar-v233 .xan-ai-chats-drawer-trigger-v153,
  body.xan-customer-ai-standalone-v196 .xan-ai-appbar-v233 .xan-ai-mobile-menu-v153{
    min-height:43px!important;background:#FFD64B!important;border:1px solid #E3BD30!important;
    color:#03475D!important;-webkit-text-fill-color:#03475D!important;
    font-size:13px!important;font-weight:700!important;border-radius:12px!important;
  }
  /* No greeting box may overlap quick/chat mode switch. */
  body.xan-customer-ai-standalone-v196 .xcai-step[data-step="welcome"]>.xcai-welcome-v196{
    display:grid!important;position:relative!important;inset:auto!important;
    width:100%!important;height:auto!important;min-height:0!important;
    margin:0 0 10px!important;padding:10px!important;transform:none!important;
    grid-template-columns:32px minmax(0,1fr)!important;
    background:#fff!important;border:1px solid #CCDDE4!important;
    border-radius:13px!important;
  }
  body.xan-customer-ai-standalone-v196 .xcai-step[data-step="welcome"]:has([data-xcai-mode-panel="chat"].is-active)>.xcai-welcome-v196{
    display:none!important;
  }
  body.xan-customer-ai-standalone-v196 .xcai-step[data-step="welcome"] .xcai-mode-switch-v175{
    display:grid!important;position:relative!important;inset:auto!important;
    width:100%!important;transform:none!important;z-index:1!important;
    margin:0 0 12px!important;padding:4px!important;
  }
  body.xan-customer-ai-standalone-v196 .xcai-step[data-step="welcome"] .xcai-mode-switch-v175 button{
    min-width:0!important;min-height:48px!important;font-size:14px!important;
  }
  body.xan-customer-ai-standalone-v196 .xcai-quick-contact-v175{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body.xan-customer-ai-standalone-v196 .xcai-quick-contact-v175 .xcai-contact-action-v209{
    width:100%!important;min-width:0!important;min-height:49px!important;
    padding:7px 5px!important;gap:7px!important;
    font-size:12.5px!important;line-height:1.2!important;
    overflow-wrap:anywhere!important;white-space:normal!important;
  }
  body.xan-customer-ai-standalone-v196 .xcai-chat-tools-v175 button{
    min-height:44px!important;font-size:13px!important;padding:5px 6px!important;
  }
  body.xan-customer-ai-standalone-v196 .xcai-chat-toolbar-v175{
    padding:10px 12px!important;
  }
  body.xan-customer-ai-standalone-v196 .xcai-chat-input-v175 input{
    min-width:0!important;min-height:46px!important;font-size:15px!important;
  }
}
@media (max-width:360px){
  body.xan-customer-ai-standalone-v196 .xan-ai-brand-v233>span{
    width:36px!important;height:36px!important;flex-basis:36px!important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-appbar-v233 .xan-ai-mobile-menu-v153,
  body.xan-customer-ai-standalone-v196 .xan-ai-appbar-v233 .xan-ai-chats-drawer-trigger-v153{
    font-size:12px!important;padding:7px!important;
  }
  body.xan-customer-ai-standalone-v196 .xcai-quick-contact-v175 .xcai-contact-action-v209{
    font-size:12px!important;
  }
}