/* Conversations workspace overrides. Loaded after app.chrome.css. */
:root{
  --label-internal:#7C5CFF;
  --label-internal-bg:#EFEBFF;
  --label-internal-text:#503AB8;
  --label-lead:#E07B45;
  --label-lead-bg:#FFE9D6;
  --label-lead-text:#7C4500;
  --label-support:#3B82F6;
  --label-support-bg:#E0EAFF;
  --label-support-text:#1F4FBE;
  --label-complaint:#B33C36;
  --label-complaint-bg:#FBE0DE;
  --label-complaint-text:#9A332E;
  --note-amber-bg:#FEF7DF;
  --note-amber-border:#F1E5A6;
  --note-amber-text:#5C4A0A;
  --bot-violet-bg:#F5F2FF;
  --bot-violet-border:#E5DEFF;
  --bot-violet-text:#2A1F5C;
}

.ysa-topbar-row,
.ysa-subnav-row,
.ysa-utilitybar-row{
  width:100%;
  max-width:none;
  margin-left:auto;
  margin-right:auto;
}

.framework_main:not(.insights):not(.conversations){
  padding:24px 24px 80px !important;
}

.ysa-insights-page{
  max-width:1400px;
  margin-left:auto !important;
  margin-right:auto !important;
}

.framework_main.conversations{
  overflow:hidden !important;
  background:var(--neutral-50) !important;
}

.ysa-conversations-page,
.ysa-conversations-page *{
  box-sizing:border-box;
  font-family:var(--ysa-body-font);
  letter-spacing:-0.006em;
}

.ysa-conversations-page{
  width:100%;
  max-width:none;
  height:100%;
  min-height:0;
  margin:0 auto;
  padding:0;
  display:grid;
  grid-template-columns:240px 380px minmax(0,1fr);
  gap:0;
  background:var(--neutral-50);
  color:var(--neutral-900);
}

.ysa-conv-filter-panel,
.ysa-conv-inbox-panel,
.ysa-conv-detail-panel{
  min-width:0;
  min-height:0;
  border:0;
  border-right:1px solid var(--neutral-150);
  border-radius:0;
  background:var(--neutral-0);
  box-shadow:none;
  overflow:hidden;
}

.ysa-conv-filter-panel,
.ysa-conv-inbox-panel{
  display:flex;
  flex-direction:column;
}

.ysa-conv-detail-panel{
  border-right:0;
  background:var(--neutral-50);
}

.ysa-workspace-col-head{
  height:50px;
  min-height:50px;
  padding:0 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid var(--neutral-150);
  background:#fff;
}

.ysa-workspace-col-head h2,
.ysa-conv-list-head h2{
  margin:0;
  color:var(--neutral-900);
  font-size:14px;
  line-height:1.2;
  font-weight:600;
}

.ysa-conv-icon-btn,
.ysa-conv-tool-btn,
.ibtn{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:6px;
  background:transparent;
  color:var(--neutral-600);
}

.ysa-conv-icon-btn:hover,
.ysa-conv-tool-btn:hover,
.ibtn:hover{
  background:var(--neutral-100);
  color:var(--neutral-900);
}

#xhr_searchinbox{
  flex:1;
  min-height:0;
  padding:8px;
  overflow-y:auto;
}

.ysa-filter-inbox-search,
.ysa-conv-search-field,
.ysa-conv-date-field{
  height:30px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 10px;
  border:1px solid var(--neutral-200);
  border-radius:7px;
  background:#fff;
  color:var(--neutral-500);
}

.ysa-filter-inbox-search{
  margin:0 4px 10px;
}

.ysa-filter-inbox-search input,
.ysa-conv-search-field input,
.ysa-conv-date-field input{
  flex:1;
  min-width:0;
  border:0;
  outline:0;
  background:transparent;
  color:var(--neutral-900);
  font-size:12.5px;
}

.ysa-filter-inbox-search:focus-within,
.ysa-conv-search-field:focus-within,
.ysa-conv-date-field:focus-within,
.ysa-conversation-detail #conversation_message:focus{
  border-color:var(--neutral-700) !important;
  box-shadow:0 0 0 3px rgba(14,20,31,.06);
}

.conversations_inbox_left_search_menu{
  list-style:none;
  margin:0 0 6px;
  padding:0;
}

.conversations_inbox_left_search_menu .nav-label{
  padding:14px 10px 6px;
  color:var(--neutral-400);
  font-size:10.5px;
  line-height:1;
  font-weight:600;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.conversations_inbox_left_search_menu .nav-item{
  position:relative;
  min-height:31px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:7px 10px;
  border-radius:7px;
  color:var(--neutral-700);
  font-size:14px;
  line-height:1.2;
  font-weight:500;
  cursor:pointer;
}

.conversations_inbox_left_search_menu .nav-item:hover,
.conversations_inbox_left_search_menu .nav-item.active{
  background:var(--neutral-100);
  color:var(--neutral-900);
  font-weight:600;
}

.conversations_inbox_left_search_menu .nav-item.active:before{
  content:"";
  position:absolute;
  left:-8px;
  top:8px;
  bottom:8px;
  width:2px;
  border-radius:2px;
  background:var(--neutral-900);
}

.conversations_inbox_left_search_menu .ic{
  width:15px;
  min-width:15px;
  opacity:.65;
  text-align:center;
}

.conversations_inbox_left_search_menu .swatch{
  width:9px;
  height:9px;
  flex:0 0 9px;
  border-radius:3px;
}

.conversations_inbox_left_search_menu .lbl{
  flex:1;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.conversations_inbox_left_search_menu .count{
  flex-shrink:0;
  color:var(--neutral-500);
  font-size:11.5px;
  font-weight:500;
  font-variant-numeric:tabular-nums;
}

.conversations_inbox_left_search_menu .active .count{
  padding:1px 6px;
  border-radius:4px;
  background:var(--neutral-900);
  color:#fff;
  font-weight:600;
}

.count_loading{
  display:inline-block;
  width:10px;
  height:10px;
  border:1.5px solid var(--neutral-200);
  border-top-color:var(--brand-teal);
  border-radius:50%;
  animation:ysaSpin .8s linear infinite;
}

@keyframes ysaSpin{to{transform:rotate(360deg)}}

.workspace-foot{
  height:60px;
  margin:0 -8px -8px;
  padding:10px 12px;
  display:flex;
  align-items:center;
  gap:10px;
  border-top:1px solid var(--neutral-150);
  background:var(--neutral-25);
}

.workspace-foot .avatar{
  position:relative;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(135deg,#19B6A8,#5C7DD9);
  color:#fff;
  font-size:11px;
  font-weight:600;
}

.workspace-foot .foot-status{
  position:absolute;
  right:-1px;
  bottom:-1px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--brand-teal);
  box-shadow:0 0 0 2px #fff;
}

.workspace-foot .who{
  flex:1;
  min-width:0;
}

.workspace-foot .name,
.workspace-foot .role{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.workspace-foot .name{
  color:var(--neutral-900);
  font-size:14px;
  font-weight:600;
}

.workspace-foot .role{
  color:var(--neutral-500);
  font-size:11px;
}

.ysa-conv-list-head{
  padding:14px 16px 0;
  border-bottom:1px solid var(--neutral-150);
  background:#fff;
}

.ysa-conv-list-head h2{
  margin-bottom:12px;
  font-size:15px;
}

.ysa-conv-list-tabs{
  display:flex;
  gap:18px;
  margin:0 -2px;
}

.ysa-conv-list-tab{
  position:relative;
  height:36px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:0;
  background:transparent;
  color:var(--neutral-500);
  font-size:14px;
  font-weight:500;
}

.ysa-conv-list-tab.is-active{
  color:var(--neutral-900);
  font-weight:600;
}

.ysa-conv-list-tab.is-active:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:2px;
  background:var(--neutral-900);
}

.ysa-conv-list-tab .count{
  padding:1px 5px;
  border-radius:4px;
  background:var(--neutral-100);
  color:var(--neutral-600);
  font-size:11px;
  font-weight:600;
}

.ysa-conv-list-tab.is-active .count{
  background:var(--neutral-150);
  color:var(--neutral-800);
}

.ysa-conv-list-tab:disabled{
  cursor:not-allowed;
  opacity:.45;
}

.ysa-conv-assignment-unavailable{
  margin:0 16px 10px;
  padding:8px 10px;
  border:1px solid var(--neutral-150);
  border-radius:6px;
  background:var(--neutral-50);
  color:var(--neutral-500);
  font-size:12px;
}

.ysa-conv-list-tools{
  position:relative;
  padding:10px 12px;
  border-bottom:1px solid var(--neutral-150);
  background:var(--neutral-25);
}

.ysa-conversations-page .ysa-conv-list-tools #search_form{
  display:flex;
  align-items:center;
  gap:6px;
  margin:0;
}

.ysa-conv-list-tools .ysa-conv-search-field{
  flex:1;
  min-width:0;
  position:relative;
}

.ysa-conv-list-tools .ysa-conv-search-field > i,
.framework_main.conversations .list-tools .search > i{
  position:static !important;
  inset:auto !important;
  width:14px !important;
  height:auto !important;
  margin:0 !important;
  flex:0 0 14px !important;
  color:#9AA0AA !important;
  font-size:14px !important;
  line-height:1 !important;
}

.ysa-conversations-page .ysa-conv-list-tools #sort_order,
.ysa-conversations-page .ysa-conv-list-tools .ysa-conv-tool-btn{
  position:static !important;
  inset:auto !important;
  right:auto !important;
  top:auto !important;
  flex:0 0 28px;
}

.ysa-conv-search-field button,
.ysa-conv-date-field button{
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  border:0;
  background:transparent;
  color:var(--neutral-400);
}

.ysa-conv-date-field{
  position:absolute;
  z-index:5;
  left:12px;
  right:12px;
  top:48px;
  display:none;
  background:#fff;
}

.ysa-conv-list-tools.show-date-filter .ysa-conv-date-field{
  display:flex;
}

.ysa-conv-refresh-strip{
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:8px 14px;
  border-bottom:1px solid var(--neutral-150);
  background:var(--neutral-25);
  color:var(--neutral-500);
  font-size:11.5px;
}

.ysa-auto-refresh{
  display:inline-flex;
  align-items:center;
  gap:6px;
  white-space:nowrap;
}

.conversations_inbox_left{
  flex:1;
  min-height:0;
  margin:0 !important;
  padding:0 !important;
  overflow-y:auto !important;
}

.ysa-conversations-page .conversations_inbox_item.conv{
  position:relative !important;
  min-height:0;
  display:grid;
  grid-template-columns:36px minmax(0,1fr) auto;
  gap:10px;
  margin:0 !important;
  padding:12px 14px !important;
  border:0 !important;
  border-bottom:1px solid var(--neutral-100) !important;
  border-radius:0 !important;
  background:#fff !important;
  cursor:pointer;
}

.ysa-conversations-page .conversations_inbox_item.conv:hover{
  background:var(--neutral-25) !important;
}

.ysa-conversations-page .conversations_inbox_item.conv.active,
.ysa-conversations-page .conversations_inbox_item.conv.is-active{
  background:#E8F6F4 !important;
}

.ysa-conversations-page .conversations_inbox_item.conv.active:before,
.ysa-conversations-page .conversations_inbox_item.conv.is-active:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:var(--brand-teal);
}

.conversations_inbox_item .av{
  width:32px !important;
  min-width:32px !important;
  max-width:32px !important;
  height:32px !important;
  min-height:32px !important;
  max-height:32px !important;
  aspect-ratio:1 / 1;
  display:grid;
  place-items:center;
  flex:0 0 32px !important;
  align-self:start;
  margin-top:2px;
  padding:0 !important;
  padding-right:0 !important;
  border-radius:50%;
  overflow:hidden;
  background-image:none !important;
  background-position:center !important;
  background-size:auto !important;
  font-size:11px;
  font-weight:600;
}

.conversations_inbox_item .av.warn{background:#FFE4D0;color:#8C4A1B}
.conversations_inbox_item .av.cool{background:#D6E4FF;color:#1F4FBE}
.conversations_inbox_item .av.green{background:#E8F6F4;color:#0E8A80}
.conversations_inbox_item .av.violet{background:#EFEBFF;color:#503AB8}

.conversations_inbox_item .body{
  min-width:0;
}

.conversations_inbox_item .row1{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
  margin-bottom:2px;
}

.conversations_inbox_item .name{
  flex:1;
  min-width:0;
  overflow:hidden;
  color:var(--neutral-900);
  font-size:14px;
  line-height:1.25;
  font-weight:600;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.conversations_inbox_item.is-unread .name{
  font-weight:650;
}

.conversations_inbox_item .channel{
  max-width:92px;
  display:inline-flex;
  align-items:center;
  gap:4px;
  overflow:hidden;
  color:var(--neutral-500);
  font-size:10.5px;
  line-height:1;
  font-weight:500;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.conversations_inbox_item .snippet{
  overflow:hidden;
  color:var(--neutral-500);
  font-size:12.5px;
  line-height:1.4;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.conversations_inbox_item.is-unread .snippet{
  color:var(--neutral-700);
}

.conversations_inbox_item .tags{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  margin-top:6px;
}

.conversations_inbox_item .tag{
  min-height:20px;
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:2px 6px;
  border-radius:4px;
  background:var(--neutral-100);
  color:var(--neutral-700);
  font-size:10px;
  line-height:1;
  font-weight:650;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.conversations_inbox_item .tag .swatch{
  width:6px;
  height:6px;
  border-radius:2px;
}

.conversations_inbox_item .tag.assigned{
  background:#E8F6F4;
  color:#0E8A80;
}

.conversations_inbox_item .right{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:6px;
}

.conversations_inbox_item .time{
  color:var(--neutral-500);
  font-size:11px;
  line-height:1;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}

.conversations_inbox_item .unread{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--brand-teal);
}

.conversations_inbox_item .stars{
  color:#E0A82E;
  font-size:10px;
  letter-spacing:-.08em;
  white-space:nowrap;
}

.ysa-conversation-detail{
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 340px;
  grid-template-rows:auto minmax(0,1fr) auto;
  background:var(--neutral-50);
  overflow:hidden;
}

.ysa-conversation-detail > .conversation_header{
  position:relative !important;
  grid-column:1;
  grid-row:1;
  display:block !important;
  min-height:86px;
  padding:12px 20px !important;
  border:0 !important;
  border-bottom:1px solid var(--neutral-150) !important;
  border-radius:0 !important;
  background:#fff !important;
  box-shadow:none !important;
}

.ysa-conversation-detail > .conversation_header .avatar_very_small{
  display:block !important;
  position:absolute !important;
  left:20px !important;
  top:13px !important;
  width:36px !important;
  height:36px !important;
  margin:0 !important;
  border-radius:50% !important;
}

.ysa-conversation-detail .ysa-conv-header-copy{
  max-width:calc(100% - 218px);
  min-width:0;
  padding-left:48px !important;
  margin:0 !important;
}

.ysa-conversation-detail .ysa-conv-header-title{
  min-height:20px;
  margin:0 0 3px !important;
  overflow:hidden;
  color:var(--neutral-900) !important;
  font-size:15px !important;
  line-height:1.2 !important;
  font-weight:600 !important;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.ysa-conversation-detail .manualmode_thread{
  position:absolute !important;
  left:64px !important;
  top:34px !important;
  right:auto !important;
  margin:0 !important;
}

.ysa-conversation-detail .ysa-ai-mode-pill{
  height:18px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:4px !important;
  padding:0 6px !important;
  border:0 !important;
  border-radius:5px !important;
  background:#EFEBFF !important;
  color:#503AB8 !important;
  font-size:9.5px !important;
  line-height:1 !important;
  font-weight:650 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase;
}

.ysa-ai-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#7C5CFF;
}

.ysa-conversation-detail .ysa-conv-header-meta{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px !important;
  margin:8px 0 0 !important;
  color:var(--neutral-700) !important;
  font-size:11.5px !important;
  line-height:1 !important;
}

.ysa-conversation-detail .ysa-conv-header-meta span{
  height:24px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:0 8px;
  border:1px solid var(--neutral-150);
  border-radius:6px;
  background:var(--neutral-25);
  color:var(--neutral-700);
  font-weight:500;
}

.ysa-conversation-detail .ysa-conv-header-meta em{
  color:var(--neutral-500);
  font-style:normal;
  font-weight:450;
}

.ysa-conversation-detail .ysa-conv-header-meta a{
  color:var(--neutral-700) !important;
  text-decoration:none !important;
}

.ysa-thread-actions{
  position:absolute;
  top:12px;
  right:20px;
  display:flex;
  align-items:center;
  gap:4px;
}

.ysa-thread-back{
  display:none;
}

.ysa-thread-actions .btn{
  height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:0 10px;
  border:1px solid var(--neutral-200);
  border-radius:7px;
  background:#fff;
  color:var(--neutral-900);
  font-size:12.5px;
  font-weight:500;
}

.ysa-thread-actions .btn-ghost{
  width:30px;
  padding:0;
  border-color:transparent;
  color:var(--neutral-600);
}

.ysa-thread-actions .btn:hover,
.ysa-thread-actions .btn.is-active{
  background:var(--neutral-100);
  color:var(--neutral-900);
}

.ysa-thread-actions .btn-primary{
  width:auto;
  padding:0 11px;
  border-color:var(--neutral-900);
  background:var(--neutral-900);
  color:#fff;
}

.ysa-details-toggle{
  display:none !important;
}

.ysa-conversation-detail > #xhr_conversation{
  grid-column:1;
  grid-row:2;
  display:block !important;
  min-height:0;
  margin:0 !important;
  padding:24px 32px !important;
  border:0 !important;
  background:radial-gradient(circle at 18% 0%, #E8F6F4 0%, rgba(232,246,244,0) 38%), var(--neutral-50) !important;
  overflow-y:auto !important;
}

.ysa-conversation-detail > .conversation_add_message{
  grid-column:1;
  grid-row:3;
  display:block !important;
  min-height:154px;
  margin:0 !important;
  padding:10px 20px 14px !important;
  border:0 !important;
  border-top:1px solid var(--neutral-150) !important;
  border-radius:0 !important;
  background:#fff !important;
  box-shadow:none !important;
}

.ysa-conversation-detail > .conversation_add_message:before{
  content:"Reply    ·    Note    ·    Learn AI";
  display:block;
  width:max-content;
  margin:0 0 8px;
  padding:5px 9px;
  border-radius:6px;
  background:var(--neutral-100);
  color:var(--neutral-900);
  font-size:12.5px;
  font-weight:600;
}

.ysa-conversation-detail #conversation_add_message_form{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  margin:0;
}

.ysa-conversation-detail #conversation_message{
  grid-column:1 / -1;
  width:100% !important;
  min-height:58px !important;
  max-height:132px !important;
  margin:0 !important;
  padding:12px !important;
  border:1px solid var(--neutral-200) !important;
  border-radius:10px !important;
  background:#fff !important;
  color:var(--neutral-900) !important;
  font-size:13.5px !important;
  line-height:1.5 !important;
  resize:none !important;
}

.ysa-conversation-detail .conversation_add_message a.submit{
  grid-column:2;
  height:30px;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  justify-self:end;
  padding:0 14px !important;
  border-radius:7px !important;
  background:var(--neutral-900) !important;
  color:#fff !important;
  font-size:12.5px !important;
  font-weight:650 !important;
  text-decoration:none !important;
}

.ysa-conversation-detail .conversation_add_message form > div[style*="position:absolute"]{
  grid-column:1;
  position:static !important;
  justify-self:start;
  color:var(--neutral-500);
  font-size:11px;
}

.ysa-conversation-detail .conversation_add_message table,
.ysa-conversation-detail .conversation_add_message tbody,
.ysa-conversation-detail .conversation_add_message tr{
  display:flex !important;
  align-items:center;
  gap:8px;
}

.ysa-conversation-detail .conversation_add_message td{
  display:flex !important;
  align-items:center;
  width:auto !important;
  padding:0 !important;
  white-space:nowrap;
}

.ysa-conversation-detail .conversation_add_message td div[style*="position: relative"]{
  margin:0 !important;
}

.ysa-conversation-detail > .xhr_conversation_profile{
  grid-column:2;
  grid-row:1 / 4;
  min-height:0;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-left:1px solid var(--neutral-150) !important;
  border-radius:0 !important;
  background:#fff !important;
  box-shadow:none !important;
  overflow-y:auto !important;
}

.ysa-conversation-detail > .xhr_conversation_profile:after{
  display:none !important;
}

.ysa-conversation-detail > .xhr_conversation_profile > h3:first-child{
  height:50px;
  display:flex;
  align-items:center;
  margin:0 !important;
  padding:0 16px !important;
  border-bottom:1px solid var(--neutral-150);
  color:var(--neutral-900) !important;
  font-size:14px !important;
  font-weight:600 !important;
}

.ysa-details-contact-card{
  padding:18px 16px 16px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  border-bottom:1px solid var(--neutral-150);
  text-align:center;
}

.ysa-details-avatar{
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  margin-bottom:4px;
  border-radius:50%;
  background:#FFE4D0;
  color:#8C4A1B;
  font-size:18px;
  font-weight:650;
  letter-spacing:.02em;
}

.ysa-details-contact-card strong{
  max-width:100%;
  overflow:hidden;
  color:var(--neutral-900);
  font-size:15px;
  line-height:1.2;
  font-weight:650;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.ysa-details-contact-card span{
  color:var(--neutral-500);
  font-size:12px;
  line-height:1.2;
}

.ysa-details-contact-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  margin-top:8px;
}

.ysa-details-contact-actions button{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border:1px solid var(--neutral-200);
  border-radius:7px;
  background:#fff;
  color:var(--neutral-600);
}

.ysa-details-contact-actions button:hover{
  background:var(--neutral-100);
  color:var(--neutral-900);
}

.ysa-details-contact-actions button.danger:hover{
  border-color:#F2B7B2;
  background:#FBE0DE;
  color:#9A332E;
}

.ysa-conversation-detail .xhr_conversation_profile table.table{
  width:calc(100% - 32px) !important;
  margin:12px 16px 14px !important;
  border-collapse:collapse;
}

.ysa-conversation-detail .xhr_conversation_profile table.table tbody{
  display:block !important;
}

.ysa-conversation-detail .xhr_conversation_profile table.table tr{
  display:grid !important;
  grid-template-columns:96px minmax(0,1fr);
  gap:8px;
  padding:7px 0;
}

.ysa-conversation-detail .xhr_conversation_profile table.table td{
  display:block !important;
  width:auto !important;
  padding:0 !important;
  color:var(--neutral-900);
  font-size:12.5px;
  line-height:1.35;
  font-weight:500;
  word-break:break-word;
}

.ysa-conversation-detail .xhr_conversation_profile table.table td:first-child,
.ysa-conversation-detail .xhr_conversation_profile table.table td:first-child strong{
  color:var(--neutral-500);
  font-size:12px;
  font-weight:450;
}

.ysa-conversation-detail .xhr_conversation_profile hr{
  width:auto !important;
  margin:14px 0 !important;
  border:0 !important;
  border-top:1px solid var(--neutral-150) !important;
}

.ysa-conversation-detail .xhr_conversation_profile h3:not(:first-child){
  margin:0 !important;
  padding:12px 16px !important;
  border-top:1px solid var(--neutral-150);
  color:var(--neutral-900) !important;
  font-size:12px !important;
  font-weight:600 !important;
}

.ysa-conversation-detail .xhr_conversation_profile .conversation.label{
  min-height:24px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin:0 4px 6px 0 !important;
  padding:0 9px !important;
  border-radius:5px !important;
  font-size:11.5px !important;
  line-height:1 !important;
  font-weight:600 !important;
}

#close_thread,
#deal_thread,
#label_thread{
  margin-left:16px !important;
}

#close_thread{background:var(--neutral-900) !important;color:#fff !important}
#deal_thread{background:#E8F6F4 !important;color:#0E8A80 !important}
#label_thread{border:1px dashed var(--neutral-300) !important;background:transparent !important;color:var(--neutral-700) !important}

.ysa-conversation-detail #xhr_conversation .xhr_history_line_start,
.ysa-conversation-detail #xhr_conversation .xhr_history_line_end{
  width:max-content;
  max-width:80%;
  margin:0 auto 18px !important;
  padding:4px 10px !important;
  border:1px solid var(--neutral-150);
  border-radius:999px;
  background:#fff;
  color:var(--neutral-500);
  font-size:11px;
  font-weight:500;
  text-transform:none;
}

.ysa-conversation-detail #xhr_conversation .box{
  position:relative !important;
  display:flex;
  align-items:flex-end;
  gap:8px;
  max-width:75%;
  margin:0 0 14px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.ysa-conversation-detail #xhr_conversation .box .icon,
.ysa-conversation-detail #xhr_conversation .box .avatar_very_small{
  position:static !important;
  width:28px !important;
  height:28px !important;
  min-width:28px;
  margin:0 0 2px !important;
  display:grid !important;
  place-items:center;
  border-radius:50% !important;
  background:#FFE4D0 !important;
  color:#8C4A1B !important;
  font-size:11px !important;
  font-weight:600 !important;
  background-size:cover !important;
  background-position:center !important;
}

.ysa-conversation-detail #xhr_conversation .box.assistant .avatar_very_small,
.ysa-conversation-detail #xhr_conversation .box.init .avatar_very_small{
  background-color:var(--neutral-900) !important;
  color:#fff !important;
}

.ysa-conversation-detail #xhr_conversation .box.agent{
  margin-left:auto !important;
  flex-direction:row-reverse;
}

.ysa-conversation-detail #xhr_conversation .box.agent:before{
  content:"";
  width:28px;
  height:28px;
  min-width:28px;
  margin-bottom:2px;
  border-radius:50%;
  background:linear-gradient(135deg,#19B6A8,#5C7DD9);
}

.ysa-conversation-detail #xhr_conversation .box > .content{
  min-width:0;
  padding:10px 14px !important;
  border:1px solid var(--neutral-150);
  border-radius:14px;
  border-bottom-left-radius:4px;
  background:#fff;
  color:var(--neutral-900);
  font-size:13.5px;
  line-height:1.55;
  box-shadow:none;
}

.ysa-conversation-detail #xhr_conversation .box.assistant > .content,
.ysa-conversation-detail #xhr_conversation .box.init > .content{
  border-color:var(--bot-violet-border);
  background:var(--bot-violet-bg);
  color:var(--bot-violet-text);
}

.ysa-conversation-detail #xhr_conversation .box.agent > .content{
  border-color:var(--neutral-900);
  border-bottom-right-radius:4px;
  border-bottom-left-radius:14px;
  background:var(--neutral-900);
  color:#fff;
}

.ysa-conversation-detail #xhr_conversation .box.internal > .content,
.ysa-conversation-detail #xhr_conversation .box.note > .content{
  border-color:var(--note-amber-border);
  background:var(--note-amber-bg);
  color:var(--note-amber-text);
}

.ysa-conversation-detail #xhr_conversation .box .name{
  position:absolute;
  left:36px;
  bottom:-16px;
  color:var(--neutral-500);
  font-size:10.5px;
  font-weight:500;
}

.ysa-conversation-detail #xhr_conversation .box.agent .name{
  left:auto;
  right:36px;
}

.ysa-conversation-detail #xhr_conversation .box .time{
  margin-top:8px;
  color:var(--neutral-500);
  font-size:10.5px;
  line-height:1.2;
  font-variant-numeric:tabular-nums;
}

.ysa-conversation-detail #xhr_conversation .box.agent .time{
  color:rgba(255,255,255,.68);
  text-align:right;
}

.ysa-conversation-detail #xhr_conversation .feedback,
.ysa-conversation-detail #xhr_conversation .conversation_data_block{
  margin-top:8px;
  font-size:11px;
}

@media (max-width:1440px) and (min-width:1281px){
  .ysa-conversation-detail{grid-template-columns:minmax(0,1fr) 300px}
}

@media (max-width:1179px) and (min-width:721px){
  .ysa-conversation-detail{grid-template-columns:minmax(0,1fr)}
  .ysa-details-toggle{display:inline-flex !important}
  .ysa-conversation-detail > .xhr_conversation_profile{
    position:absolute !important;
    z-index:12;
    top:0;
    right:0;
    bottom:0;
    width:300px !important;
    transform:translateX(100%);
    transition:transform .18s ease;
  }
  .ysa-conversation-detail.show-details > .xhr_conversation_profile{transform:translateX(0)}
}

@media (max-width:1100px) and (min-width:721px){
  .ysa-conversations-page{grid-template-columns:56px 360px minmax(0,1fr)}
  .ysa-conv-filter-panel .ysa-workspace-col-head h2,
  .ysa-filter-inbox-search,
  .conversations_inbox_left_search_menu .nav-label,
  .conversations_inbox_left_search_menu .lbl,
  .workspace-foot .who{display:none !important}
  .conversations_inbox_left_search_menu .nav-item{justify-content:center;padding-left:0;padding-right:0}
  .conversations_inbox_left_search_menu .count{position:absolute;right:2px;top:2px}
}

@media (max-width:720px){
  .framework_main.conversations{padding-left:0 !important;padding-right:0 !important}
  .ysa-conversations-page{height:100%;min-height:0;display:block;overflow:hidden}
  .ysa-conv-filter-panel{display:none}
  .ysa-conv-inbox-panel,
  .ysa-conv-detail-panel{width:100%;height:100%;border-right:0}
  .ysa-conv-detail-panel{display:none}
  html.ysa_mobile_chat_conversation_open .framework_main.conversations .ysa-conv-inbox-panel,
  html.ysa_mobile_chat_detail_open .framework_main.conversations .ysa-conv-inbox-panel{
    display:none !important;
  }
  html.ysa_mobile_chat_conversation_open .framework_main.conversations .ysa-conv-detail-panel,
  html.ysa_mobile_chat_detail_open .framework_main.conversations .ysa-conv-detail-panel{
    display:block !important;
  }
  .ysa-conv-list-head{padding:12px 18px 0}
  .ysa-conversation-detail{display:flex !important;flex-direction:column}
  .ysa-conversation-detail > .conversation_header{
    order:1;
    min-height:104px;
    padding:14px 16px !important;
  }
  .ysa-conversation-detail > #xhr_conversation{
    order:2;
  }
  .ysa-conversation-detail > #xhr_history_line,
  .ysa-conversation-detail > .quick_answers{
    order:3;
  }
  .ysa-conversation-detail > .conversation_add_message{
    order:4;
  }
  .ysa-conversation-detail > .conversation_header .avatar_very_small{display:none !important}
  .ysa-thread-back{
    position:absolute;
    left:16px;
    top:16px;
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border:1px solid var(--neutral-150);
    border-radius:12px;
    background:#fff;
    color:var(--neutral-900);
    font-size:16px;
  }
  .ysa-thread-actions{display:none}
  .ysa-conversation-detail .manualmode_thread{display:none !important}
  .ysa-conversation-detail .ysa-conv-header-copy{max-width:none;padding-left:78px !important}
  .ysa-conversation-detail > #xhr_conversation{flex:1;padding:20px 18px !important}
  .ysa-conversation-detail #xhr_conversation .box{max-width:88%}
  .ysa-conversation-detail > .xhr_conversation_profile{display:none !important}
  .ysa-conversation-detail > .conversation_add_message{min-height:128px;padding:10px 16px !important}
  .ysa-conversation-detail .conversation_add_message form > div[style*="position:absolute"]{display:none !important}
}

/* Exact conversations export mapping. Keep this last so the attached design file wins. */
.framework_main.conversations{
  background:#F6F7F8 !important;
}

.framework_main.conversations .workspace.ysa-conversations-page{
  display:grid !important;
  grid-template-columns:260px 340px minmax(0,1fr) 312px !important;
  grid-template-rows:auto minmax(0,1fr) auto !important;
  height:100% !important;
  min-height:0 !important;
  max-width:none !important;
  width:100% !important;
  margin:0 auto !important;
  padding:0 !important;
  gap:0 !important;
  background:#F6F7F8 !important;
  color:#0E141F !important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif !important;
  font-size:14px !important;
  line-height:1.45 !important;
  letter-spacing:-0.006em !important;
}

.framework_main.conversations .workspace.ysa-conversations-page > .ysa-conv-filter-panel{
  grid-column:1;
  grid-row:1 / 4;
}

.framework_main.conversations .workspace.ysa-conversations-page > .ysa-conv-inbox-panel{
  grid-column:2;
  grid-row:1 / 4;
}

.framework_main.conversations .workspace.ysa-conversations-page > .ysa-conv-detail-panel{
  grid-column:3 / 5;
  grid-row:1 / 4;
  display:contents !important;
}

.framework_main.conversations .workspace.ysa-conversations-page .ysa-conversation-detail{
  display:contents !important;
}

.framework_main.conversations .workspace .col{
  min-width:0;
  min-height:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:0;
  border-right:1px solid #E9EBEE;
  border-radius:0;
  background:#FFFFFF;
  box-shadow:none;
}

.framework_main.conversations .workspace .col:last-child{
  border-right:0;
}

.framework_main.conversations .workspace .scroll{
  flex:1;
  min-height:0;
  overflow-y:auto !important;
}

.framework_main.conversations .workspace .scroll::-webkit-scrollbar{
  width:8px;
  height:8px;
}

.framework_main.conversations .workspace .scroll::-webkit-scrollbar-thumb{
  border:2px solid #FFFFFF;
  border-radius:8px;
  background:#E1E3E8;
}

.framework_main.conversations .col-head{
  flex-shrink:0;
  padding:14px 16px 12px !important;
  border-bottom:1px solid #E9EBEE !important;
  background:#FFFFFF !important;
}

.framework_main.conversations .col-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}

.framework_main.conversations .col-title h2,
.framework_main.conversations .details-head h3{
  margin:0;
  color:#0E141F;
  font-size:14px !important;
  line-height:1.2;
  font-weight:600 !important;
  letter-spacing:-0.014em !important;
}

.framework_main.conversations .ibtn,
.framework_main.conversations .ysa-conv-icon-btn,
.framework_main.conversations .ysa-conv-tool-btn{
  position:static !important;
  inset:auto !important;
  width:28px !important;
  height:28px !important;
  display:grid !important;
  place-items:center !important;
  flex:0 0 28px;
  padding:0 !important;
  border:0 !important;
  border-radius:6px !important;
  background:transparent !important;
  color:#4D5360 !important;
  cursor:pointer;
}

.framework_main.conversations .ibtn:hover,
.framework_main.conversations .ysa-conv-icon-btn:hover,
.framework_main.conversations .ysa-conv-tool-btn:hover{
  background:#F1F2F4 !important;
  color:#0E141F !important;
}

.framework_main.conversations #xhr_searchinbox{
  padding:0 !important;
}

.framework_main.conversations .inbox-nav{
  padding:8px !important;
}

.framework_main.conversations .search{
  height:30px !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:0 10px !important;
  border:1px solid #E1E3E8 !important;
  border-radius:7px !important;
  background:#FFFFFF !important;
  color:#6E7480 !important;
  box-shadow:none !important;
}

.framework_main.conversations .inbox-nav > .search{
  margin:6px 4px 10px !important;
}

.framework_main.conversations .search input{
  flex:1;
  min-width:0;
  height:auto !important;
  padding:0 !important;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  color:#0E141F !important;
  font:inherit !important;
  font-size:12.5px !important;
}

.framework_main.conversations .search input::placeholder{
  color:#9AA0AB;
}

.framework_main.conversations .nav-group,
.framework_main.conversations .conversations_inbox_left_search_menu{
  margin:0 0 6px !important;
  padding:0 !important;
  list-style:none !important;
}

.framework_main.conversations .nav-label{
  padding:14px 10px 6px !important;
  color:#9AA0AB !important;
  font-size:10.5px !important;
  line-height:1 !important;
  font-weight:600 !important;
  letter-spacing:.1em !important;
  text-transform:uppercase !important;
}

.framework_main.conversations .nav-item{
  position:relative !important;
  min-height:auto !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:7px 10px !important;
  border-radius:7px !important;
  color:#2E3441 !important;
  background:transparent !important;
  font-size:14px !important;
  line-height:1.2 !important;
  font-weight:500 !important;
  cursor:pointer;
}

.framework_main.conversations .nav-item:hover,
.framework_main.conversations .nav-item.active,
.framework_main.conversations .nav-item.is-active{
  background:#F1F2F4 !important;
  color:#0E141F !important;
  font-weight:600 !important;
}

.framework_main.conversations .nav-item.active:before,
.framework_main.conversations .nav-item.is-active:before{
  content:"";
  position:absolute;
  left:-8px;
  top:8px;
  bottom:8px;
  width:2px;
  border-radius:2px;
  background:#0E141F;
}

.framework_main.conversations .nav-item .ic{
  width:15px !important;
  min-width:15px !important;
  opacity:.65;
  text-align:center;
}

.framework_main.conversations .nav-item .lbl{
  flex:1;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.framework_main.conversations .nav-item .count{
  flex-shrink:0;
  color:#6E7480;
  background:transparent;
  font-size:11px;
  font-weight:500;
}

.framework_main.conversations .nav-item.active .count,
.framework_main.conversations .nav-item.is-active .count,
.framework_main.conversations .nav-item.has-unread .count{
  padding:1px 6px;
  border-radius:4px;
  background:#0E141F;
  color:#FFFFFF;
  font-weight:600;
}

.framework_main.conversations .workspace-foot{
  flex-shrink:0;
  height:auto;
  margin:0 !important;
  padding:10px 12px !important;
  display:flex;
  align-items:center;
  gap:10px;
  border-top:1px solid #E9EBEE;
  background:#FBFBFC;
}

.framework_main.conversations .workspace-foot .avatar{
  position:relative;
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(135deg,#19B6A8,#5C7DD9);
  color:#FFFFFF;
  font-size:11px;
  font-weight:600;
}

.framework_main.conversations .workspace-foot .foot-status{
  position:absolute;
  right:-1px;
  bottom:-1px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#19B6A8;
  box-shadow:0 0 0 2px #FFFFFF;
}

.framework_main.conversations .workspace-foot .name{
  color:#0E141F;
  font-size:14px;
  font-weight:600;
  letter-spacing:-0.01em;
}

.framework_main.conversations .workspace-foot .role{
  margin-top:1px;
  color:#6E7480;
  font-size:11px;
}

.framework_main.conversations .ysa-conv-list-head,
.framework_main.conversations .list-head{
  flex-shrink:0;
  padding:14px 16px 0 !important;
  border-bottom:1px solid #E9EBEE !important;
  background:#FFFFFF !important;
}

.framework_main.conversations .list-head h2,
.framework_main.conversations .ysa-conv-list-head h2{
  margin:0 0 12px !important;
  color:#0E141F !important;
  font-size:15px !important;
  line-height:1.2 !important;
  font-weight:600 !important;
  letter-spacing:-0.014em !important;
}

.framework_main.conversations .list-tabs,
.framework_main.conversations .ysa-conv-list-tabs{
  display:flex !important;
  gap:18px !important;
  margin:0 -2px !important;
}

.framework_main.conversations .list-tab{
  position:relative !important;
  height:36px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  border:0 !important;
  background:transparent !important;
  color:#6E7480 !important;
  font-size:14px !important;
  font-weight:500 !important;
}

.framework_main.conversations .list-tab.is-active{
  color:#0E141F !important;
  font-weight:600 !important;
}

.framework_main.conversations .list-tab.is-active:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:2px;
  background:#0E141F;
}

.framework_main.conversations .list-tab .count{
  padding:1px 5px;
  border-radius:4px;
  background:#F1F2F4;
  color:#4D5360;
  font-size:11px;
  font-weight:600;
}

.framework_main.conversations .list-tools{
  flex-shrink:0;
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  padding:10px 12px !important;
  border:0 !important;
  border-bottom:1px solid #E9EBEE !important;
  background:#FBFBFC !important;
}

.framework_main.conversations .list-tools form{
  width:100%;
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  margin:0 !important;
}

.framework_main.conversations .list-tools .search{
  flex:1;
}

.framework_main.conversations .list-refresh{
  flex-shrink:0;
  min-height:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:8px 14px !important;
  border-bottom:1px solid #E9EBEE;
  background:#FBFBFC;
  color:#6E7480;
  font-size:11.5px;
  white-space:nowrap;
}

.framework_main.conversations .list-refresh .live{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-weight:500;
}

.framework_main.conversations .dotpulse{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#19B6A8;
  position:relative;
}

.framework_main.conversations .dotpulse:after{
  content:"";
  position:absolute;
  inset:-3px;
  border:1.5px solid #19B6A8;
  border-radius:50%;
  opacity:.35;
  animation:pulse 1.8s ease-out infinite;
}

.framework_main.conversations .conv-list{
  padding:0 !important;
}

.framework_main.conversations .conversations_inbox_item.conv{
  position:relative !important;
  min-height:auto !important;
  display:grid !important;
  grid-template-columns:36px minmax(0,1fr) auto !important;
  gap:10px !important;
  margin:0 !important;
  padding:12px 14px !important;
  border:0 !important;
  border-bottom:1px solid #F1F2F4 !important;
  border-radius:0 !important;
  background:#FFFFFF !important;
  cursor:pointer !important;
}

.framework_main.conversations .conversations_inbox_item.conv:hover{
  background:#FBFBFC !important;
}

.framework_main.conversations .conversations_inbox_item.conv.active,
.framework_main.conversations .conversations_inbox_item.conv.is-active{
  background:#E8F6F4 !important;
}

.framework_main.conversations .conversations_inbox_item.conv.active:before,
.framework_main.conversations .conversations_inbox_item.conv.is-active:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:#19B6A8;
}

.framework_main.conversations .conv .av,
.framework_main.conversations .conversations_inbox_item .av{
  width:32px !important;
  min-width:32px !important;
  max-width:32px !important;
  height:32px !important;
  min-height:32px !important;
  max-height:32px !important;
  aspect-ratio:1 / 1;
  display:grid;
  place-items:center;
  flex:0 0 32px !important;
  align-self:start;
  margin-top:2px;
  padding:0 !important;
  padding-right:0 !important;
  border-radius:50%;
  overflow:hidden;
  background-image:none !important;
  background-position:center !important;
  background-size:auto !important;
  font-size:11px;
  font-weight:600;
}

.framework_main.conversations .conv .row1{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
  margin-bottom:2px;
}

.framework_main.conversations .conv .name{
  flex:1;
  min-width:0;
  overflow:hidden;
  color:#0E141F;
  font-size:14px;
  line-height:1.25;
  font-weight:600;
  letter-spacing:-0.01em;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.framework_main.conversations .conv .channel{
  display:inline-flex;
  align-items:center;
  gap:3px;
  flex-shrink:0;
  max-width:86px;
  overflow:hidden;
  color:#6E7480;
  font-size:10.5px;
  font-weight:500;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.framework_main.conversations .conv .snippet{
  overflow:hidden;
  color:#6E7480;
  font-size:12.5px;
  line-height:1.4;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.framework_main.conversations .conv .tags{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  margin-top:6px;
}

.framework_main.conversations .tag{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:2px 6px;
  border-radius:4px;
  background:#F1F2F4;
  color:#2E3441;
  font-size:10px;
  line-height:1;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.framework_main.conversations .tag .swatch{
  width:6px;
  height:6px;
  border-radius:2px;
}

.framework_main.conversations .conv .right{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:6px;
  flex-shrink:0;
}

.framework_main.conversations .conv .time{
  color:#6E7480;
  font-size:11px;
  white-space:nowrap;
}

.framework_main.conversations .conv .unread{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#19B6A8;
}

.framework_main.conversations .conv .stars{
  color:#E0A82E;
  font-size:11px;
  letter-spacing:0;
}

.framework_main.conversations .ysa-conversation-detail{
  display:contents !important;
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  overflow:hidden;
  background:#F6F7F8;
}

.framework_main.conversations .ysa-conversation-detail > .thread-head,
.framework_main.conversations .ysa-conversation-detail > .conversation_header{
  position:relative !important;
  grid-column:3 !important;
  grid-row:1 !important;
  display:block !important;
  height:99px !important;
  min-height:99px !important;
  padding:14px 20px 0 !important;
  border:0 !important;
  border-bottom:1px solid #E9EBEE !important;
  border-radius:0 !important;
  background:#FFFFFF !important;
  box-shadow:none !important;
}

.framework_main.conversations .ysa-conversation-detail .ysa-conv-header-copy{
  max-width:calc(100% - 220px);
  min-width:0;
  padding-left:48px !important;
  margin:0 !important;
}

.framework_main.conversations .ysa-conversation-detail .ysa-thread-avatar{
  position:absolute !important;
  left:20px !important;
  top:14px !important;
  width:36px !important;
  height:36px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:#FFE4D0 !important;
  color:#8C4A1B !important;
  font-size:14px !important;
  line-height:1 !important;
  font-weight:650 !important;
  letter-spacing:0 !important;
}

.framework_main.conversations .ysa-conversation-detail .ysa-conv-header-title{
  min-height:20px;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  margin:0 0 3px !important;
  color:#0E141F !important;
  font-size:15px !important;
  line-height:1.2 !important;
  font-weight:600 !important;
  letter-spacing:-0.014em !important;
  white-space:nowrap;
}

.framework_main.conversations .ysa-conversation-detail .ysa-conv-title-text{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}

.framework_main.conversations .ysa-conversation-detail .manualmode_thread{
  position:static !important;
  flex:0 0 auto !important;
  margin:0 !important;
}

.framework_main.conversations .ysa-conversation-detail .ysa-ai-mode-pill{
  height:18px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:4px !important;
  padding:0 6px !important;
  border:0 !important;
  border-radius:5px !important;
  background:#EFEBFF !important;
  color:#503AB8 !important;
  font-size:9.5px !important;
  line-height:1 !important;
  font-weight:600 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

.framework_main.conversations .ysa-conversation-detail #manualmode_thread.ysa-ai-mode-pill{
  height:18px !important;
  min-height:18px !important;
  padding:0 6px !important;
  border:0 !important;
  border-radius:5px !important;
  background:#EFEBFF !important;
  color:#503AB8 !important;
  font-size:9.5px !important;
  line-height:1 !important;
  font-weight:600 !important;
  letter-spacing:.08em !important;
}

.framework_main.conversations .ysa-conversation-detail .ysa-ai-dot{
  width:5px !important;
  height:5px !important;
  display:inline-block !important;
  flex:0 0 5px !important;
  border-radius:50% !important;
  background:#7C5CFF !important;
}

.framework_main.conversations .ysa-conversation-detail .ysa-conv-header-subline{
  display:flex;
  align-items:center;
  gap:8px;
  overflow:hidden;
  color:#6E7480;
  font-size:11.5px;
  line-height:1.2;
  white-space:nowrap;
}

.framework_main.conversations .ysa-conversation-detail .ysa-conv-header-subline span{
  flex:0 1 auto;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}

.framework_main.conversations .ysa-conversation-detail .ysa-conv-header-subline span + span:before{
  content:"·";
  margin-right:8px;
  color:#C9CCD2;
}

.framework_main.conversations .ysa-thread-actions{
  position:absolute;
  top:12px;
  right:20px;
  display:flex;
  align-items:center;
  gap:4px;
}

.framework_main.conversations .ysa-thread-actions .ysa-details-toggle{
  display:none !important;
}

.framework_main.conversations .ysa-thread-actions .btn{
  height:30px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:0 10px;
  border:1px solid #E1E3E8;
  border-radius:7px;
  background:#FFFFFF;
  color:#0E141F;
  font-size:12.5px;
  font-weight:500;
}

.framework_main.conversations .ysa-thread-actions .btn-ghost{
  width:30px;
  justify-content:center;
  padding:0;
  border-color:transparent;
  color:#4D5360;
}

.framework_main.conversations .ysa-thread-actions .btn-primary{
  border-color:#0E141F;
  background:#0E141F;
  color:#FFFFFF;
}

@media (min-width:1180px) and (max-width:1320px){
  .framework_main.conversations .ysa-conversation-detail .ysa-conv-header-subline span:nth-child(n+2),
  .framework_main.conversations .ysa-conversation-detail .ysa-conv-header-subline span:nth-child(n+2):before{
    display:none;
  }
}

.framework_main.conversations .ysa-conversation-detail .ysa-conv-header-meta{
  position:absolute !important;
  left:20px !important;
  right:20px !important;
  bottom:12px !important;
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:6px !important;
  margin:0 !important;
  overflow-x:auto;
  color:#2E3441 !important;
  font-size:11.5px !important;
  line-height:1 !important;
  scrollbar-width:none;
}

.framework_main.conversations .ysa-conversation-detail .ysa-conv-header-meta span{
  height:24px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:0 8px;
  border:1px solid #E9EBEE;
  border-radius:6px;
  background:#FBFBFC;
  color:#2E3441;
  font-weight:500;
  white-space:nowrap;
}

.framework_main.conversations .ysa-conversation-detail .thread-body,
.framework_main.conversations .ysa-conversation-detail > #xhr_conversation{
  grid-column:3 !important;
  grid-row:2 !important;
  display:block !important;
  min-height:0 !important;
  margin:0 !important;
  padding:24px 32px !important;
  border:0 !important;
  background:radial-gradient(circle at 20% 0%, #E8F6F4 0%, transparent 40%), #F6F7F8 !important;
  overflow-y:auto !important;
}

.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box{
  position:relative !important;
  display:flex !important;
  align-items:flex-end !important;
  gap:8px !important;
  max-width:75% !important;
  margin:0 0 14px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box.agent{
  margin-left:auto !important;
  flex-direction:row-reverse !important;
}

.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box > .content{
  min-width:0;
  padding:10px 14px !important;
  border:1px solid #E9EBEE !important;
  border-radius:14px !important;
  border-bottom-left-radius:4px !important;
  background:#FFFFFF !important;
  color:#0E141F !important;
  font-size:13.5px !important;
  line-height:1.55 !important;
  box-shadow:none !important;
}

.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box.assistant > .content,
.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box.init > .content{
  border-color:#E5DEFF !important;
  background:#F5F2FF !important;
  color:#2A1F5C !important;
}

.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box.agent > .content{
  border-color:#0E141F !important;
  border-bottom-right-radius:4px !important;
  border-bottom-left-radius:14px !important;
  background:#0E141F !important;
  color:#FFFFFF !important;
}

.framework_main.conversations .ysa-conversation-detail > .composer,
.framework_main.conversations .ysa-conversation-detail > .conversation_add_message{
  grid-column:3 !important;
  grid-row:3 !important;
  display:block !important;
  min-height:auto !important;
  margin:0 !important;
  padding:10px 20px 16px !important;
  border:0 !important;
  border-top:1px solid #E9EBEE !important;
  border-radius:0 !important;
  background:#FFFFFF !important;
  box-shadow:none !important;
}

.framework_main.conversations .ysa-conversation-detail > .composer:before,
.framework_main.conversations .ysa-conversation-detail > .conversation_add_message:before{
  display:none !important;
  content:none !important;
}

.framework_main.conversations .ysa-conversation-detail #conversation_add_message_form{
  display:block !important;
  margin:0 !important;
}

.framework_main.conversations .composer-tabs{
  display:flex;
  gap:2px;
  margin-bottom:8px;
}

.framework_main.conversations .composer-tab{
  height:28px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:0 10px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:#6E7480;
  font-size:12.5px;
  font-weight:500;
  white-space:nowrap;
}

.framework_main.conversations .composer-tab:hover,
.framework_main.conversations .composer-tab.is-active{
  background:#F1F2F4;
  color:#0E141F;
  font-weight:600;
}

.framework_main.conversations .composer-tab.note.is-active{
  background:#FEF7DF;
  color:#5C4A0A;
}

.framework_main.conversations .composer-tab.learn-ai.is-active{
  background:#E8F6F4;
  color:#0E8A80;
}

.framework_main.conversations .composer-tab .dot{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#E0A82E;
}

.framework_main.conversations .composer-box{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:10px 12px;
  border:1px solid #E1E3E8;
  border-radius:10px;
  background:#FFFFFF;
  transition:border-color .12s, box-shadow .12s;
}

.framework_main.conversations .ysa-hidden-file{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}

.framework_main.conversations .ysa-conversation-detail #conversation_message{
  width:100% !important;
  min-height:48px !important;
  max-height:132px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#0E141F !important;
  font-size:13.5px !important;
  line-height:1.5 !important;
  resize:none !important;
}

.framework_main.conversations .ysa-conversation-detail #conversation_message.message_type_training{
  background:#F2FBFA !important;
}

.framework_main.conversations .composer-bar{
  display:flex;
  align-items:center;
  gap:4px;
  padding-top:6px;
  border-top:1px solid #F1F2F4;
}

.framework_main.conversations .composer-bar .spacer{
  flex:1;
}

.framework_main.conversations .cb-icon{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:6px;
  background:transparent;
  color:#4D5360;
}

.framework_main.conversations .cb-icon:hover{
  background:#F1F2F4;
  color:#0E141F;
}

.framework_main.conversations .cb-icon:disabled,
.framework_main.conversations .ai-assist:disabled,
.framework_main.conversations .send-split .send:disabled{
  opacity:.58;
  cursor:wait;
}

.framework_main.conversations .ai-assist{
  height:28px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:0 10px;
  border:0;
  border-radius:6px;
  background:#EFEBFF;
  color:#503AB8;
  font-size:12px;
  font-weight:500;
}

.framework_main.conversations .ai-assist.is-loading i{
  animation:ysaComposerSpin 1s linear infinite;
}

.framework_main.conversations .send-split{
  height:30px;
  display:inline-flex;
  align-items:stretch;
  overflow:hidden;
  border-radius:7px;
  background:#0E141F;
  color:#FFFFFF;
}

.framework_main.conversations .send-split .send{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:0 14px;
  border:0;
  background:transparent;
  color:#FFFFFF;
  font-size:12.5px;
  font-weight:600;
}

.framework_main.conversations .send-split .chev{
  width:28px;
  display:grid;
  place-items:center;
  border:0;
  border-left:1px solid rgba(255,255,255,.14);
  background:transparent;
  color:#FFFFFF;
}

.framework_main.conversations .composer-attachments{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  padding-top:2px;
}

.framework_main.conversations .composer-attachment{
  height:26px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  max-width:100%;
  padding:0 7px;
  border:1px solid #E1E3E8;
  border-radius:999px;
  background:#F6F7F8;
  color:#2E3441;
  font-size:11.5px;
  font-weight:520;
}

.framework_main.conversations .composer-attachment span{
  max-width:190px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.framework_main.conversations .composer-attachment button{
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  color:#6E7480;
}

.framework_main.conversations .composer-panel{
  padding:10px;
  border:1px solid #E1E3E8;
  border-radius:9px;
  background:#FFFFFF;
  box-shadow:0 12px 28px -18px rgba(14,20,31,.28);
}

.framework_main.conversations .composer-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
  color:#0E141F;
  font-size:12px;
}

.framework_main.conversations .composer-panel-head button{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:6px;
  background:#F1F2F4;
  color:#4D5360;
}

.framework_main.conversations .emoji-grid,
.framework_main.conversations .emotion-grid,
.framework_main.conversations .variable-grid{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

.framework_main.conversations .emoji-grid{
  margin-bottom:10px;
}

.framework_main.conversations .emoji-grid button{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border:1px solid #E1E3E8;
  border-radius:8px;
  background:#FFFFFF;
  font-size:16px;
}

.framework_main.conversations .emotion-grid button,
.framework_main.conversations .variable-grid button{
  height:28px;
  padding:0 9px;
  border:1px solid #E1E3E8;
  border-radius:999px;
  background:#F6F7F8;
  color:#2E3441;
  font-size:11.5px;
  font-weight:550;
}

.framework_main.conversations .emotion-grid button.is-active{
  border-color:#19B6A8;
  background:#E8F6F4;
  color:#0E8A80;
}

.framework_main.conversations .voice-wave{
  height:46px;
  display:flex;
  align-items:center;
  gap:4px;
  padding:0 8px;
  border:1px solid #E1E3E8;
  border-radius:9px;
  background:#F6F7F8;
}

.framework_main.conversations .voice-wave span{
  width:5px;
  height:10px;
  border-radius:999px;
  background:#19B6A8;
  opacity:.62;
  transition:height .08s linear;
}

.framework_main.conversations .composer-voice-panel.is-recording .voice-wave span{
  opacity:1;
}

.framework_main.conversations .voice-actions{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:8px;
  color:#6E7480;
  font-size:11.5px;
}

.framework_main.conversations .voice-btn{
  height:28px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:0 9px;
  border:1px solid #E1E3E8;
  border-radius:7px;
  background:#FFFFFF;
  color:#2E3441;
  font-size:11.5px;
  font-weight:600;
}

.framework_main.conversations .voice-btn.primary{
  border-color:#0E141F;
  background:#0E141F;
  color:#FFFFFF;
}

.framework_main.conversations .composer-notice{
  padding:8px 10px;
  border-radius:8px;
  font-size:12px;
  font-weight:520;
}

.framework_main.conversations .composer-notice.error{
  background:#FFF1F1;
  color:#9F2323;
}

.framework_main.conversations .composer-notice.ok{
  background:#E8F6F4;
  color:#0E8A80;
}

@keyframes ysaComposerSpin{
  to{transform:rotate(360deg)}
}

.framework_main.conversations .composer-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:8px;
  color:#6E7480;
  font-size:11px;
  white-space:nowrap;
  overflow:hidden;
}

.framework_main.conversations .composer-foot kbd{
  padding:1px 5px;
  border:1px solid #E1E3E8;
  border-radius:4px;
  background:#F1F2F4;
  color:#2E3441;
  font:inherit;
  font-size:10px;
  font-weight:600;
}

.framework_main.conversations .ysa-conversation-detail .conversation_add_message a.submit{
  height:30px;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  padding:0 14px !important;
  border-radius:7px !important;
  background:#0E141F !important;
  color:#FFFFFF !important;
  font-size:12.5px !important;
  font-weight:600 !important;
  text-decoration:none !important;
}

.framework_main.conversations .ysa-conversation-detail > .details-col,
.framework_main.conversations .ysa-conversation-detail > .xhr_conversation_profile{
  grid-column:4 !important;
  grid-row:1 / 4 !important;
  min-height:0;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-left:1px solid #E9EBEE !important;
  border-radius:0 !important;
  background:#FFFFFF !important;
  box-shadow:none !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}

.framework_main.conversations .ysa-conversation-detail .xhr_conversation_profile > h3,
.framework_main.conversations .ysa-conversation-detail .xhr_conversation_profile .conversation_summary{
  box-sizing:border-box !important;
  width:auto !important;
  max-width:none !important;
  margin-left:16px !important;
  margin-right:16px !important;
}

.framework_main.conversations .ysa-conversation-detail .xhr_conversation_profile .conversation_summary{
  padding:0 !important;
  background:transparent !important;
  color:#2E3441 !important;
  overflow-wrap:anywhere;
}

.framework_main.conversations .details-head{
  height:57px !important;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 16px !important;
  border-bottom:1px solid #E9EBEE;
  background:#FFFFFF;
}

.framework_main.conversations .ysa-details-contact-card{
  padding:18px 18px 14px !important;
  text-align:center;
  border-bottom:1px solid #E9EBEE;
}

.framework_main.conversations .ysa-details-avatar{
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  margin:0 auto 10px;
  border-radius:50%;
  background:#FFE4D0;
  color:#8C4A1B;
  font-size:22px;
  font-weight:600;
}

.framework_main.conversations .ysa-details-contact-card strong{
  display:block;
  color:#0E141F;
  font-size:15px;
  line-height:1.2;
  font-weight:600;
  letter-spacing:-0.014em;
}

.framework_main.conversations .ysa-details-contact-card span{
  display:block;
  margin-top:2px;
  color:#6E7480;
  font-size:12px;
}

.framework_main.conversations .ysa-details-contact-actions{
  display:flex;
  justify-content:center;
  gap:6px;
  margin-top:14px;
}

.framework_main.conversations .ysa-details-contact-actions button{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border:1px solid #E1E3E8;
  border-radius:8px;
  background:#FFFFFF;
  color:#2E3441;
}

.framework_main.conversations .ysa-details-action-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:6px;
  padding:14px 16px;
  border-bottom:1px solid #E9EBEE;
  background:#FFFFFF;
}

.framework_main.conversations .ysa-details-action-row:empty{
  display:none;
}

.framework_main.conversations .ysa-details-action-row #close_thread,
.framework_main.conversations .ysa-details-action-row #deal_thread,
.framework_main.conversations .ysa-details-action-row #assign_thread,
.framework_main.conversations .ysa-details-action-row #unassign_thread,
.framework_main.conversations .ysa-details-action-row .ysa-assigned-to,
.framework_main.conversations .ysa-details-action-row .ysa-assignment-disabled{
  width:100% !important;
  margin:0 !important;
}

.framework_main.conversations .ysa-conversation-detail .xhr_conversation_profile table.table{
  width:calc(100% - 32px) !important;
  margin:12px 16px 14px !important;
  border-collapse:collapse !important;
}

.framework_main.conversations .ysa-conversation-detail .xhr_conversation_profile table.table tr{
  display:grid !important;
  grid-template-columns:78px minmax(0,1fr) !important;
  gap:8px 10px !important;
  padding:6px 0 !important;
  border-bottom:1px solid #F1F2F4;
}

.framework_main.conversations .ysa-conversation-detail .xhr_conversation_profile table.table td{
  display:block !important;
  width:auto !important;
  padding:0 !important;
  color:#0E141F;
  font-size:12.5px;
  line-height:1.35;
  font-weight:500;
  overflow-wrap:anywhere;
}

.framework_main.conversations .ysa-conversation-detail .xhr_conversation_profile table.table td:first-child,
.framework_main.conversations .ysa-conversation-detail .xhr_conversation_profile table.table td:first-child strong{
  color:#6E7480;
  font-size:12px;
  font-weight:450;
}

.framework_main.conversations .ysa-conversation-detail .xhr_conversation_profile table.table.ysa-details-list{
  width:calc(100% - 32px) !important;
  table-layout:fixed !important;
}

.framework_main.conversations .ysa-conversation-detail .xhr_conversation_profile table.table.ysa-details-list tr{
  display:block !important;
  padding:10px 0 !important;
  border-bottom:1px solid #F1F2F4 !important;
}

.framework_main.conversations .ysa-conversation-detail .xhr_conversation_profile table.table.ysa-details-list td{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  color:#2E3441 !important;
  font-size:12.5px !important;
  line-height:1.45 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}

.framework_main.conversations .ysa-conversation-detail .xhr_conversation_profile table.table.ysa-details-list td strong{
  display:block !important;
  margin-bottom:4px !important;
  color:#6E7480 !important;
  font-size:11px !important;
  line-height:1.2 !important;
  font-weight:600 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
}

.framework_main.conversations #close_thread,
.framework_main.conversations #deal_thread,
.framework_main.conversations #label_thread{
  height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  margin:0 0 14px 16px !important;
  padding:0 10px !important;
  border-radius:7px !important;
  font-size:12.5px !important;
  font-weight:500 !important;
}

.framework_main.conversations #close_thread{
  background:#0E141F !important;
  color:#FFFFFF !important;
}

.framework_main.conversations #deal_thread{
  background:#E8F6F4 !important;
  color:#0E8A80 !important;
  border:0 !important;
}

.framework_main.conversations #assign_thread,
.framework_main.conversations #unassign_thread,
.framework_main.conversations .ysa-assigned-to,
.framework_main.conversations .ysa-assignment-disabled{
  height:30px;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:0 10px !important;
  border:1px solid #E1E3E8 !important;
  border-radius:7px !important;
  background:#F6F7F8 !important;
  color:#0E141F !important;
  font-size:12.5px !important;
  font-weight:600 !important;
  box-shadow:none !important;
}

.framework_main.conversations #assign_thread:hover,
.framework_main.conversations #unassign_thread:hover{
  border-color:#19B6A8 !important;
  background:#E8F6F4 !important;
  color:#0E8A80 !important;
}

.framework_main.conversations #label_thread{
  border:1px dashed #C9CCD2 !important;
  background:transparent !important;
  color:#2E3441 !important;
}

@media (max-width:1179px) and (min-width:721px){
  .framework_main.conversations .workspace.ysa-conversations-page{
    grid-template-columns:260px 340px minmax(0,1fr) !important;
  }
  .framework_main.conversations .workspace.ysa-conversations-page > .ysa-conv-detail-panel{
    grid-column:3 !important;
    grid-row:1 / 4 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    grid-template-rows:99px minmax(0,1fr) 200px !important;
    position:relative !important;
    overflow:hidden !important;
    border-right:0 !important;
  }
  .framework_main.conversations .ysa-conversation-detail{
    display:contents !important;
  }
  .framework_main.conversations .ysa-details-toggle{
    display:inline-flex !important;
  }
  .framework_main.conversations .ysa-thread-actions .ysa-details-toggle{
    display:inline-flex !important;
  }
  .framework_main.conversations .ysa-conversation-detail > .thread-head,
  .framework_main.conversations .ysa-conversation-detail > .conversation_header,
  .framework_main.conversations .ysa-conversation-detail > .thread-body,
  .framework_main.conversations .ysa-conversation-detail > #xhr_conversation,
  .framework_main.conversations .ysa-conversation-detail > .composer,
  .framework_main.conversations .ysa-conversation-detail > .conversation_add_message{
    grid-column:1 !important;
  }
  .framework_main.conversations .ysa-conversation-detail > .details-col,
  .framework_main.conversations .ysa-conversation-detail > .xhr_conversation_profile{
    position:absolute !important;
    z-index:12;
    grid-column:1 !important;
    grid-row:1 / 4 !important;
    top:0 !important;
    right:0 !important;
    bottom:auto !important;
    left:auto !important;
    width:312px !important;
    height:100% !important;
    max-height:100% !important;
    transform:translateX(100%);
    transition:transform .18s ease;
    pointer-events:none !important;
  }
  .framework_main.conversations .ysa-conversation-detail.show-details > .details-col,
  .framework_main.conversations .ysa-conversation-detail.show-details > .xhr_conversation_profile{
    transform:translateX(0);
    pointer-events:auto !important;
  }
}

/* The old conversation timeline is fixed-positioned globally in app.chrome.css.
   Keep the new workspace as message bubbles only. */
.framework_main.conversations .ysa-conversations-page #scroll_to_top_refresh,
.framework_main.conversations .ysa-conversation-detail > #xhr_history_line{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

.framework_main.conversations .ysa-conversation-detail #xhr_conversation:before,
.framework_main.conversations .ysa-conversation-detail #xhr_conversation:after,
.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box:before,
.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box:after{
  content:none !important;
  display:none !important;
  width:0 !important;
  height:0 !important;
  border:0 !important;
  background:transparent !important;
}

.framework_main.conversations .ysa-conversation-detail #xhr_conversation .xhr_history_line_start,
.framework_main.conversations .ysa-conversation-detail #xhr_conversation .xhr_history_line_end{
  display:block !important;
  width:max-content !important;
  max-width:80% !important;
  margin:0 auto 18px !important;
  padding:4px 10px !important;
  border:1px solid #E9EBEE !important;
  border-radius:999px !important;
  background:#FFFFFF !important;
  color:#6E7480 !important;
  font-size:11px !important;
  font-weight:500 !important;
  text-transform:none !important;
}

.framework_main.conversations .ysa-conversation-detail #xhr_conversation .xhr_history_line_start:before,
.framework_main.conversations .ysa-conversation-detail #xhr_conversation .xhr_history_line_start:after,
.framework_main.conversations .ysa-conversation-detail #xhr_conversation .xhr_history_line_end:before,
.framework_main.conversations .ysa-conversation-detail #xhr_conversation .xhr_history_line_end:after{
  content:none !important;
  display:none !important;
}

/* Final message timeline reset: old chat CSS injects absolute avatars,
   status icons and full-width bubbles. The new workspace uses simple rows. */
.framework_main.conversations .ysa-conversation-detail #xhr_conversation{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
}

.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box{
  width:fit-content !important;
  max-width:min(76%, 520px) !important;
  display:grid !important;
  grid-template-columns:28px minmax(0, auto) !important;
  grid-template-rows:auto auto !important;
  column-gap:8px !important;
  row-gap:4px !important;
  align-items:end !important;
  margin:0 0 16px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box.agent{
  align-self:flex-end !important;
  grid-template-columns:minmax(0, auto) 28px !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box > .icon,
.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box > .avatar_description{
  grid-column:1 !important;
  grid-row:1 !important;
  position:relative !important;
  inset:auto !important;
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  margin:0 0 2px !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  align-self:end !important;
  border:0 !important;
  border-radius:50% !important;
  overflow:visible !important;
  background:#FFE4D0 !important;
  color:#8C4A1B !important;
  font-size:11px !important;
  font-weight:650 !important;
  line-height:1 !important;
}

.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box.agent > .icon,
.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box.agent > .avatar_description{
  grid-column:2 !important;
  background:linear-gradient(135deg,#19B6A8,#5C7DD9) !important;
  color:#FFFFFF !important;
}

.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box.assistant > .avatar_description,
.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box.init > .avatar_description{
  background:#0E141F !important;
  color:#FFFFFF !important;
}

.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box > .avatar_description:before{
  content:"AI";
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:50%;
  background:#0E141F;
  color:#FFFFFF;
  font-size:10px;
  font-weight:650;
}

.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box > .avatar_description .avatar_very_small{
  display:none !important;
}

.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box > .content{
  grid-column:2 !important;
  grid-row:1 !important;
  width:fit-content !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:10px 14px !important;
  border:1px solid #E9EBEE !important;
  border-radius:14px !important;
  border-bottom-left-radius:4px !important;
  background:#FFFFFF !important;
  color:#0E141F !important;
  font-size:13.5px !important;
  line-height:1.5 !important;
  box-shadow:none !important;
  overflow:visible !important;
}

.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box.assistant > .content,
.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box.init > .content{
  border-color:#E5DEFF !important;
  background:#F5F2FF !important;
  color:#2A1F5C !important;
}

.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box.agent > .content{
  grid-column:1 !important;
  border-color:#0E141F !important;
  border-bottom-right-radius:4px !important;
  border-bottom-left-radius:14px !important;
  background:#0E141F !important;
  color:#FFFFFF !important;
}

.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box > .name{
  grid-column:2 !important;
  grid-row:2 !important;
  position:static !important;
  inset:auto !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  color:#6E7480 !important;
  font-size:10.5px !important;
  line-height:1.2 !important;
  font-weight:500 !important;
  text-align:left !important;
}

.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box.agent > .name{
  grid-column:1 !important;
  text-align:right !important;
}

.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box .time{
  position:static !important;
  display:inline !important;
  margin-left:4px !important;
  color:#6E7480 !important;
  font-size:10.5px !important;
  line-height:1.2 !important;
  font-variant-numeric:tabular-nums !important;
}

.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box .feedback,
.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box .status_icon,
.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box .reaction_icon,
.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box .conversation_data_block{
  display:none !important;
}

@media (max-width:1100px) and (min-width:721px){
  .framework_main.conversations .workspace.ysa-conversations-page{
    grid-template-columns:56px 340px minmax(0,1fr) !important;
  }
}

@media (max-width:720px){
  .framework_main.conversations .workspace.ysa-conversations-page{
    display:block !important;
    height:100% !important;
    min-height:0 !important;
    max-width:none !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }
  .framework_main.conversations .ysa-conv-filter-panel{
    display:none !important;
  }
  .framework_main.conversations .ysa-conv-inbox-panel,
  .framework_main.conversations .ysa-conv-detail-panel{
    width:100% !important;
    height:100% !important;
    border-right:0 !important;
  }
  .framework_main.conversations .ysa-conv-detail-panel{
    display:none !important;
  }
  .framework_main.conversations .workspace.ysa-conversations-page > .ysa-conv-detail-panel{
    display:none !important;
  }
  html.ysa_mobile_chat_conversation_open .framework_main.conversations .ysa-conv-inbox-panel,
  html.ysa_mobile_chat_detail_open .framework_main.conversations .ysa-conv-inbox-panel{
    display:none !important;
  }
  html.ysa_mobile_chat_conversation_open .framework_main.conversations .ysa-conv-detail-panel,
  html.ysa_mobile_chat_detail_open .framework_main.conversations .ysa-conv-detail-panel{
    display:block !important;
  }
  html.ysa_mobile_chat_conversation_open .framework_main.conversations .workspace.ysa-conversations-page > .ysa-conv-detail-panel,
  html.ysa_mobile_chat_detail_open .framework_main.conversations .workspace.ysa-conversations-page > .ysa-conv-detail-panel{
    display:block !important;
  }
  .framework_main.conversations .ysa-conversation-detail{
    display:flex !important;
    flex-direction:column !important;
  }
  .framework_main.conversations .workspace.ysa-conversations-page .ysa-conversation-detail{
    display:flex !important;
    flex-direction:column !important;
  }
  .framework_main.conversations .ysa-conversation-detail > .conversation_header{
    order:1;
    padding:14px 16px !important;
  }
  .framework_main.conversations .ysa-conversation-detail > #xhr_conversation{
    order:2;
    flex:1;
    padding:20px 18px !important;
  }
  .framework_main.conversations .ysa-conversation-detail > .conversation_add_message{
    order:4;
    padding:10px 16px !important;
  }
  .framework_main.conversations .composer-tabs,
  .framework_main.conversations .composer-bar{
    width:100% !important;
  }
  .framework_main.conversations .composer-tabs{
    display:flex !important;
  }
  .framework_main.conversations .composer-tab{
    flex:1 1 0;
    justify-content:center;
    min-width:0;
  }
  .framework_main.conversations .composer-bar{
    gap:6px;
  }
  .framework_main.conversations .ai-assist{
    flex:1 1 auto;
    justify-content:center;
    min-width:94px;
  }
  .framework_main.conversations .send-split{
    flex:1 0 auto;
  }
  .framework_main.conversations .send-split .send{
    flex:1;
    justify-content:center;
  }
  .framework_main.conversations .ysa-conversation-detail > .details-col,
  .framework_main.conversations .ysa-conversation-detail > .xhr_conversation_profile{
    display:none !important;
  }
  .framework_main.conversations .ysa-thread-actions,
  .framework_main.conversations .ysa-conversation-detail .manualmode_thread{
    display:none !important;
  }
}

/* Final search reset: legacy conversation styles float/offset the icon and
   paint the input itself, which creates the lifted icon and inner white pill. */
.framework_main.conversations #conversations_inbox_left_search_form .ysa-filter-inbox-search,
.framework_main.conversations .ysa-conv-list-tools .ysa-conv-search-field{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  height:30px !important;
  min-height:30px !important;
  padding:0 10px !important;
  border:1px solid #E1E3E8 !important;
  border-radius:7px !important;
  background:#FFFFFF !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
}

.framework_main.conversations #conversations_inbox_left_search_form .ysa-filter-inbox-search > i.fa-search,
.framework_main.conversations .ysa-conv-list-tools .ysa-conv-search-field > i.fa-search{
  position:static !important;
  inset:auto !important;
  top:auto !important;
  left:auto !important;
  float:none !important;
  flex:0 0 14px !important;
  width:14px !important;
  height:14px !important;
  margin:0 !important;
  padding:0 !important;
  display:inline-grid !important;
  place-items:center !important;
  color:#9AA0AB !important;
  font-size:14px !important;
  line-height:1 !important;
  opacity:1 !important;
  transform:none !important;
}

.framework_main.conversations #conversations_inbox_left_search_form .ysa-filter-inbox-search > input,
.framework_main.conversations .ysa-conv-list-tools .ysa-conv-search-field > input{
  position:static !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  width:auto !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  filter:none !important;
  color:#0E141F !important;
  font-size:12.5px !important;
  line-height:1.2 !important;
  text-shadow:none !important;
  appearance:none !important;
  -webkit-appearance:none !important;
}

.framework_main.conversations #conversations_inbox_left_search_form .ysa-filter-inbox-search > input::placeholder,
.framework_main.conversations .ysa-conv-list-tools .ysa-conv-search-field > input::placeholder{
  color:#9AA0AB !important;
  opacity:1 !important;
}

.framework_main.conversations .ysa-conv-list-tools .ysa-conv-search-field > button{
  position:static !important;
  inset:auto !important;
  flex:0 0 18px !important;
  width:18px !important;
  height:18px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:6px !important;
  background:transparent !important;
  box-shadow:none !important;
  transform:none !important;
}

@media (max-width:720px){
  .framework_main.conversations .ysa-conv-inbox-panel{
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
  }

  .framework_main.conversations .search_form.conversations_inbox_left_search.ysa-conv-list-tools{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    width:100% !important;
    height:auto !important;
    min-height:54px !important;
    display:block !important;
    margin:0 !important;
    padding:10px 18px !important;
    border:0 !important;
    border-bottom:1px solid #E9EBEE !important;
    border-radius:0 !important;
    background:#FFFFFF !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  .framework_main.conversations .search_form.conversations_inbox_left_search.ysa-conv-list-tools #search_form{
    width:100% !important;
    height:34px !important;
    display:flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    gap:8px !important;
    margin:0 !important;
  }

  .framework_main.conversations .search_form.conversations_inbox_left_search.ysa-conv-list-tools .ysa-conv-search-field{
    flex:1 1 auto !important;
    min-width:0 !important;
    height:34px !important;
    min-height:34px !important;
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
    padding:0 12px !important;
    border:1px solid #E1E3E8 !important;
    border-radius:10px !important;
    background:#FFFFFF !important;
    box-shadow:none !important;
  }

  .framework_main.conversations .search_form.conversations_inbox_left_search.ysa-conv-list-tools .ysa-conv-search-field > i.fa-search{
    position:static !important;
    top:auto !important;
    left:auto !important;
    float:none !important;
    flex:0 0 14px !important;
    width:14px !important;
    height:14px !important;
    margin:0 !important;
    color:#9AA0AB !important;
    font-size:14px !important;
    line-height:1 !important;
    opacity:1 !important;
    transform:none !important;
  }

  .framework_main.conversations .search_form.conversations_inbox_left_search.ysa-conv-list-tools #searchfield{
    position:static !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#0E141F !important;
    font-size:15px !important;
    line-height:1.2 !important;
    outline:0 !important;
  }

  .framework_main.conversations .search_form.conversations_inbox_left_search.ysa-conv-list-tools .ysa-conv-search-field > button{
    position:static !important;
    top:auto !important;
    right:auto !important;
    flex:0 0 22px !important;
    width:22px !important;
    height:22px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:6px !important;
    background:transparent !important;
    color:#9AA0AB !important;
    box-shadow:none !important;
    transform:none !important;
  }

  .framework_main.conversations .search_form.conversations_inbox_left_search.ysa-conv-list-tools #sort_order{
    display:none !important;
  }

  .framework_main.conversations .search_form.conversations_inbox_left_search.ysa-conv-list-tools .ysa-conv-tool-btn{
    position:static !important;
    flex:0 0 34px !important;
    width:34px !important;
    height:34px !important;
    margin:0 !important;
    display:grid !important;
    place-items:center !important;
  }

  .framework_main.conversations .search_form.conversations_inbox_left_search.ysa-conv-list-tools .ysa-conv-date-field{
    display:none !important;
  }

  .framework_main.conversations .conversations_inbox_left{
    position:relative !important;
    inset:auto !important;
    flex:1 1 auto !important;
    min-height:0 !important;
    width:100% !important;
    margin:0 !important;
    padding:0 0 96px !important;
    border:0 !important;
    border-radius:0 !important;
    overflow-y:auto !important;
  }

  .framework_main.conversations #xhr_conversations{
    margin-top:0 !important;
  }
}

/* Final conversation detail pass. Keep this physically last. */
.framework_main.conversations .workspace.ysa-conversations-page{
  height:100% !important;
  min-height:0 !important;
  max-height:100% !important;
  grid-template-rows:118px minmax(0,1fr) auto !important;
  padding-bottom:0 !important;
}

.framework_main.conversations .ysa-conv-filter-popover[hidden]{
  display:none !important;
}

.framework_main.conversations .ysa-conv-filter-popover{
  position:fixed !important;
  z-index:999 !important;
  top:var(--ysa-filter-top, 220px) !important;
  left:var(--ysa-filter-left, 220px) !important;
  right:auto !important;
  width:min(340px, calc(100vw - 32px)) !important;
  max-height:min(620px, calc(100dvh - 180px)) !important;
  padding:12px !important;
  border:1px solid #E1E3E8 !important;
  border-radius:10px !important;
  background:#FFFFFF !important;
  box-shadow:0 18px 40px -20px rgba(14,20,31,.22), 0 10px 24px -20px rgba(14,20,31,.22) !important;
  overflow-y:auto !important;
}

.framework_main.conversations #ysa-conv-filter-toggle.is-active{
  background:#0E141F !important;
  color:#FFFFFF !important;
}

.framework_main.conversations .ysa-conversation-detail > .thread-head,
.framework_main.conversations .ysa-conversation-detail > .conversation_header{
  display:grid !important;
  grid-template-columns:48px minmax(0,1fr) auto !important;
  grid-template-rows:auto auto auto !important;
  column-gap:14px !important;
  row-gap:5px !important;
  height:118px !important;
  min-height:118px !important;
  padding:16px 20px 12px !important;
  align-items:center !important;
}

.framework_main.conversations .ysa-conversation-detail .ysa-thread-avatar{
  position:static !important;
  grid-column:1 !important;
  grid-row:1 / 3 !important;
  width:48px !important;
  height:48px !important;
  align-self:start !important;
  font-size:16px !important;
}

.framework_main.conversations .ysa-conversation-detail .ysa-conv-header-copy{
  display:contents !important;
  padding-left:0 !important;
  margin:0 !important;
  max-width:none !important;
}

.framework_main.conversations .ysa-conversation-detail .ysa-conv-header-copy > .ysa-conv-header-title{
  grid-column:2 !important;
  grid-row:1 !important;
}

.framework_main.conversations .ysa-conversation-detail .ysa-conv-header-copy > .ysa-conv-header-subline{
  grid-column:2 !important;
  grid-row:2 !important;
}

.framework_main.conversations .ysa-conversation-detail .conversation_header > .ysa-conv-header-title{
  grid-column:1 / 3 !important;
  grid-row:1 !important;
}

.framework_main.conversations .ysa-conversation-detail .conversation_header > .ysa-conv-header-subline{
  grid-column:1 / 3 !important;
  grid-row:2 !important;
}

.framework_main.conversations .ysa-conversation-detail .ysa-conv-header-title{
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  font-size:18px !important;
  line-height:1.18 !important;
  font-weight:700 !important;
}

.framework_main.conversations .ysa-thread-actions{
  position:static !important;
  grid-column:3 !important;
  grid-row:1 / 3 !important;
  align-self:start !important;
  justify-self:end !important;
  gap:8px !important;
}

.framework_main.conversations .ysa-thread-actions .btn{
  height:36px !important;
  min-width:36px !important;
  border-radius:8px !important;
  font-size:14px !important;
}

.framework_main.conversations .ysa-thread-actions .btn-ghost{
  width:36px !important;
  color:#4D5360 !important;
}

.framework_main.conversations .ysa-thread-actions .btn-primary{
  min-width:112px !important;
  padding:0 16px !important;
  font-weight:650 !important;
}

.framework_main.conversations .ysa-conversation-detail .ysa-conv-header-meta{
  position:static !important;
  grid-column:1 / 4 !important;
  grid-row:3 !important;
  margin:8px 0 0 !important;
  padding:0 !important;
  gap:8px !important;
  overflow-x:auto !important;
}

.framework_main.conversations .ysa-conversation-detail .ysa-conv-header-meta span{
  height:30px !important;
  padding:0 10px !important;
  border-radius:7px !important;
  font-size:12.5px !important;
}

.framework_main.conversations .ysa-conversation-detail > #xhr_conversation{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:16px !important;
  padding:28px 38px !important;
  overflow-y:auto !important;
  background:linear-gradient(90deg, #EFF9F7 0%, #F6F7F8 22%, #F6F7F8 100%) !important;
}

.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box{
  width:100% !important;
  max-width:none !important;
  display:grid !important;
  grid-template-columns:34px minmax(0, min(760px, 78%)) !important;
  grid-template-rows:auto auto !important;
  align-items:end !important;
  justify-content:start !important;
  column-gap:12px !important;
  row-gap:6px !important;
  margin:0 !important;
  padding:0 !important;
}

.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box.agent{
  grid-template-columns:minmax(0, min(760px, 78%)) 34px !important;
  justify-content:end !important;
}

.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box > .icon,
.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box > .avatar_description{
  width:32px !important;
  height:32px !important;
  min-width:32px !important;
  grid-column:1 !important;
  grid-row:1 !important;
  align-self:end !important;
  margin:0 0 4px !important;
  overflow:hidden !important;
  border-radius:50% !important;
  font-size:12px !important;
}

.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box.agent > .icon,
.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box.agent > .avatar_description{
  grid-column:2 !important;
}

.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box > .content{
  grid-column:2 !important;
  grid-row:1 !important;
  width:auto !important;
  max-width:100% !important;
  min-width:0 !important;
  padding:14px 18px !important;
  border:1px solid #E1E3E8 !important;
  border-radius:18px !important;
  border-bottom-left-radius:5px !important;
  background:#FFFFFF !important;
  color:#0E141F !important;
  font-size:14px !important;
  line-height:1.55 !important;
  overflow-wrap:anywhere !important;
  box-shadow:0 1px 2px rgba(14,20,31,.04) !important;
}

.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box.assistant > .content,
.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box.init > .content{
  border-color:#E5DEFF !important;
  background:#F5F2FF !important;
  color:#2A1F5C !important;
}

.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box.agent > .content{
  grid-column:1 !important;
  justify-self:end !important;
  border-color:#0E141F !important;
  border-bottom-left-radius:18px !important;
  border-bottom-right-radius:5px !important;
  background:#0E141F !important;
  color:#FFFFFF !important;
}

.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box.internal > .content,
.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box.note > .content,
.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box.use_for_training > .content{
  border-color:#F1E5A6 !important;
  background:#FEF7DF !important;
  color:#5C4A0A !important;
}

.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box > .name{
  grid-column:2 !important;
  grid-row:2 !important;
  margin:0 !important;
  color:#6E7480 !important;
  font-size:12px !important;
  line-height:1.25 !important;
  font-weight:500 !important;
}

.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box.agent > .name{
  grid-column:1 !important;
  justify-self:end !important;
  text-align:right !important;
}

.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box > a,
.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box > .subject,
.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box .content > .time,
.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box .content > a.button,
.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box .feedback,
.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box .status_icon,
.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box .reaction_icon,
.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box .conversation_data_block{
  display:none !important;
}

.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box .conversation_data_block{
  display:block !important;
  height:auto !important;
  max-height:0;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden;
  border:0 !important;
  border-radius:10px;
  background:var(--neutral-0);
  color:var(--neutral-700);
  font-size:11.5px;
  line-height:1.35;
  opacity:0 !important;
  visibility:hidden;
  box-shadow:none;
  transition:opacity .16s ease, max-height .18s ease, margin-top .18s ease, padding .18s ease;
}

.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box:hover .conversation_data_block,
.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box:focus-within .conversation_data_block{
  max-height:340px;
  margin-top:12px !important;
  padding:10px !important;
  overflow:auto;
  border:1px solid var(--neutral-150) !important;
  opacity:1 !important;
  visibility:visible;
}

.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box .feedback{
  display:block !important;
  grid-column:2 !important;
  grid-row:1 !important;
  align-self:start !important;
  justify-self:end !important;
  position:relative !important;
  z-index:8 !important;
  width:auto !important;
  height:auto !important;
  margin:0 8px 0 0 !important;
  transform:translateY(-30px) !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transition:opacity .16s ease, transform .16s ease, visibility .16s ease !important;
}

.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box:hover .feedback,
.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box:focus-within .feedback{
  transform:translateY(-36px) !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box .feedback a{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  min-height:28px !important;
  padding:6px 10px !important;
  border:1px solid var(--neutral-150) !important;
  border-radius:999px !important;
  background:var(--neutral-0) !important;
  color:var(--neutral-700) !important;
  box-shadow:0 8px 20px rgba(14,20,31,.08) !important;
  font-size:12px !important;
  font-weight:600 !important;
  line-height:1 !important;
  text-decoration:none !important;
  cursor:pointer !important;
}

.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box .feedback a:hover,
.framework_main.conversations .ysa-conversation-detail #xhr_conversation .box .feedback a:focus-visible{
  border-color:#CDEAE6 !important;
  color:#0E8A80 !important;
  background:#E8F6F4 !important;
}

.framework_main.conversations .ysa-details-action-row,
.framework_main.conversations .ysa-details-contact-card{
  display:none !important;
}

body > .ysa-conv-filter-popover[hidden]{
  display:none !important;
}

body > .ysa-conv-filter-popover{
  position:fixed !important;
  z-index:9999 !important;
  top:var(--ysa-filter-top, 220px) !important;
  left:var(--ysa-filter-left, 220px) !important;
  right:auto !important;
  width:min(340px, calc(100vw - 32px)) !important;
  max-height:min(620px, calc(100dvh - 180px)) !important;
  box-sizing:border-box !important;
  padding:12px !important;
  border:1px solid #E1E3E8 !important;
  border-radius:10px !important;
  background:#FFFFFF !important;
  box-shadow:0 18px 40px -20px rgba(14,20,31,.22), 0 10px 24px -20px rgba(14,20,31,.22) !important;
  overflow-y:auto !important;
  color:#0E141F !important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif !important;
  font-size:14px !important;
}

body > .ysa-conv-filter-popover .ysa-conv-filter-popover-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}

body > .ysa-conv-filter-popover .ysa-conv-filter-popover-head strong{
  color:#0E141F;
  font-size:14px;
  font-weight:650;
}

body > .ysa-conv-filter-popover .ysa-conv-filter-popover-head button,
body > .ysa-conv-filter-popover .ysa-filter-popover-date{
  min-height:28px;
  padding:0 10px;
  border:1px solid #E1E3E8;
  border-radius:7px;
  background:#FFFFFF;
  color:#0E8A80;
  font-size:12px;
  font-weight:600;
}

body > .ysa-conv-filter-popover .ysa-conv-filter-popover-section{
  padding:10px 0;
  border-top:1px solid #F1F2F4;
}

body > .ysa-conv-filter-popover .ysa-conv-filter-popover-section > span{
  display:block;
  margin-bottom:8px;
  color:#6E7480;
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

body > .ysa-conv-filter-popover .ysa-conv-filter-chip-grid{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

body > .ysa-conv-filter-popover .ysa-filter-popover-chip{
  min-height:28px;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:0 9px;
  border:1px solid #E1E3E8;
  border-radius:999px;
  background:#FFFFFF;
  color:#2E3441;
  font-size:12px;
  font-weight:550;
  white-space:nowrap;
}

body > .ysa-conv-filter-popover .ysa-filter-popover-chip:hover,
body > .ysa-conv-filter-popover .ysa-filter-popover-chip.is-active{
  border-color:#19B6A8;
  background:#E8F6F4;
  color:#0E8A80;
}

body > .ysa-conv-filter-popover .ysa-filter-popover-chip i{
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:50%;
}

/* Final desktop conversation polish. */
.framework_main.conversations .ysa-conv-filter-panel{
  position:relative !important;
}

.framework_main.conversations #xhr_searchinbox{
  padding-bottom:0 !important;
}

.framework_main.conversations .workspace-foot{
  display:none !important;
}

.framework_main.conversations .ysa-details-contact-card{
  display:flex !important;
  padding:20px 16px 14px !important;
}

.framework_main.conversations .ysa-details-action-row{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:8px !important;
  padding:12px 16px 14px !important;
}

.framework_main.conversations .ysa-details-action-row #close_thread,
.framework_main.conversations .ysa-details-action-row #deal_thread{
  height:32px !important;
  width:100% !important;
  margin:0 !important;
  border-radius:7px !important;
  font-weight:600 !important;
}

.framework_main.conversations .ysa-details-section-title,
.framework_main.conversations .ysa-conversation-detail .xhr_conversation_profile h3.ysa-details-section-title{
  min-height:44px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  margin:0 !important;
  padding:13px 16px 10px !important;
  border-top:1px solid #E9EBEE !important;
  border-bottom:0 !important;
  color:#0E141F !important;
  font-size:14px !important;
  font-weight:650 !important;
  letter-spacing:-0.01em !important;
}

.framework_main.conversations .ysa-details-contact-card + .ysa-details-action-row + .ysa-details-section-title{
  border-top:1px solid #E9EBEE !important;
}

.framework_main.conversations .ysa-section-count{
  min-width:18px;
  height:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-left:6px;
  padding:0 5px;
  border-radius:5px;
  background:#F1F2F4;
  color:#6E7480;
  font-size:11px;
  font-weight:650;
}

.framework_main.conversations .ysa-details-labels-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:4px;
  padding:0 16px 14px !important;
  border-bottom:1px solid #E9EBEE;
}

.framework_main.conversations .ysa-details-labels-row .tag,
.framework_main.conversations .ysa-details-labels-row .conversation.label{
  margin:0 !important;
}

.framework_main.conversations .ysa-details-labels-row .tag{
  min-height:20px;
  padding:2px 6px !important;
  border:0 !important;
  border-radius:4px !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:650 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
}

.framework_main.conversations .ysa-details-labels-row .tag .swatch{
  width:6px;
  height:6px;
  border-radius:2px;
}

.framework_main.conversations #label_thread{
  height:20px !important;
  min-height:20px !important;
  margin:0 !important;
  border:1px dashed #C9CCD2 !important;
  border-radius:4px !important;
  background:#FFFFFF !important;
  color:#6E7480 !important;
  gap:4px !important;
  padding:0 7px !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:600 !important;
}

.framework_main.conversations .ysa-assignment-inline-btn{
  height:28px;
  min-height:28px;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:0 9px;
  border:1px solid #C9CCD2;
  border-radius:5px;
  background:#FFFFFF;
  color:#0E141F;
  font:inherit;
  font-size:12.5px;
  line-height:1;
  font-weight:650;
  white-space:nowrap;
  cursor:pointer;
}

.framework_main.conversations .ysa-assignment-inline-btn:hover{
  border-color:#19B6A8;
  color:#0E8A80;
  background:#E8F6F4;
}

.framework_main.conversations .ysa-assignment-inline-current,
.framework_main.conversations .ysa-assignment-inline-muted{
  display:inline-flex;
  align-items:center;
  gap:6px;
  max-width:100%;
  margin-right:0;
  color:#6E7480;
  font-size:12px;
  font-weight:550;
  line-height:1.25;
}

.framework_main.conversations .ysa-conversation-detail .xhr_conversation_profile table.table tr.ysa-details-assignment-row{
  align-items:center !important;
  min-height:44px !important;
  padding:8px 0 9px !important;
}

.framework_main.conversations .ysa-conversation-detail .xhr_conversation_profile table.table tr.ysa-details-assignment-row td:last-child{
  display:flex !important;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
  min-width:0;
}

.framework_main.conversations .ysa-conversation-detail .xhr_conversation_profile table.table{
  margin-top:0 !important;
}

.framework_main.conversations .ysa-conversation-detail .xhr_conversation_profile > h3:not(.ysa-details-section-title){
  min-height:44px !important;
  display:flex !important;
  align-items:center !important;
  margin:0 !important;
  padding:13px 16px 8px !important;
  border-top:1px solid #E9EBEE !important;
  color:#0E141F !important;
  font-size:14px !important;
  line-height:1.2 !important;
  font-weight:650 !important;
  letter-spacing:-0.01em !important;
}

.framework_main.conversations .ysa-conversation-detail .xhr_conversation_profile .conversation_summary{
  margin:0 16px 16px !important;
}

.framework_main.conversations .ysa-conversation-detail .xhr_conversation_profile table.table tr{
  grid-template-columns:86px minmax(0,1fr) !important;
  padding:6px 0 !important;
}

.framework_main.conversations .ysa-conversation-detail .xhr_conversation_profile table.table.ysa-thread-params-table{
  display:block !important;
}

.framework_main.conversations .ysa-thread-params-table td:last-child{
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}

.framework_main.conversations .ysa-previous-conversations-empty{
  padding:0 16px 16px !important;
  color:#6E7480;
  font-size:12.5px;
}

.framework_main.conversations .xhr_conversation_profile > hr{
  display:none !important;
}

.framework_main.conversations .ysa-conversation-detail .xhr_conversation_profile table.table.ysa-details-list{
  display:block !important;
  width:calc(100% - 32px) !important;
  margin:0 16px 14px !important;
  table-layout:auto !important;
  border-collapse:collapse !important;
}

.framework_main.conversations .ysa-conversation-detail .xhr_conversation_profile table.table.ysa-details-list tbody{
  display:block !important;
}

.framework_main.conversations .ysa-conversation-detail .xhr_conversation_profile table.table.ysa-details-list tr{
  height:auto !important;
  min-height:36px !important;
  display:grid !important;
  grid-template-columns:minmax(92px, 38%) minmax(0,1fr) !important;
  align-items:start !important;
  gap:12px !important;
  padding:9px 0 !important;
  border-bottom:1px solid #F1F2F4 !important;
  overflow:visible !important;
}

.framework_main.conversations .ysa-conversation-detail .xhr_conversation_profile table.table.ysa-details-list td{
  display:block !important;
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:0 !important;
  height:auto !important;
  min-height:0 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
  color:#0E141F !important;
  font-size:12.8px !important;
  line-height:1.35 !important;
  font-weight:600 !important;
}

.framework_main.conversations .ysa-conversation-detail .xhr_conversation_profile table.table.ysa-details-list td[colspan]{
  grid-column:1 / -1 !important;
}

.framework_main.conversations .ysa-conversation-detail .xhr_conversation_profile table.table.ysa-details-list td:first-child,
.framework_main.conversations .ysa-conversation-detail .xhr_conversation_profile table.table.ysa-details-list td:first-child strong{
  margin:0 !important;
  color:#6E7480 !important;
  font-size:12.5px !important;
  line-height:1.35 !important;
  font-weight:450 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}

.framework_main.conversations .ysa-conversation-detail .xhr_conversation_profile table.table.ysa-contact-table td:last-child{
  text-align:left !important;
}

.framework_main.conversations .ysa-conversation-detail .xhr_conversation_profile table.table.ysa-thread-params-table td:last-child{
  text-align:right !important;
  color:#0E8A80 !important;
}

.framework_main.conversations .ysa-empty-detail-card{
  min-height:128px;
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:18px !important;
  border:1px dashed #D7DAE0;
  border-radius:10px;
  background:#FBFBFC;
  color:#6E7480;
  text-align:center;
}

.framework_main.conversations .ysa-empty-detail-card i{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#F1F2F4;
  color:#6E7480;
  font-size:17px;
}

.framework_main.conversations .ysa-empty-detail-card a{
  color:#0E8A80 !important;
  font-weight:650;
  text-decoration:none !important;
}

.framework_main.conversations .conversations_inbox_left_search_menu .nav-item .count{
  position:static !important;
  top:auto !important;
  right:auto !important;
  transform:none !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  height:auto !important;
  margin-left:2px !important;
  padding:0 !important;
  box-sizing:border-box !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-align:left !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#6E7480 !important;
  font-size:12px !important;
  font-weight:500 !important;
  font-variant-numeric:tabular-nums;
}

.framework_main.conversations .conversations_inbox_left_search_menu .nav-item{
  width:calc(100% - 16px) !important;
  max-width:calc(100% - 16px) !important;
  margin-left:8px !important;
  margin-right:8px !important;
  box-sizing:border-box !important;
  padding-right:10px !important;
  gap:10px !important;
}

.framework_main.conversations .conversations_inbox_left_search_menu .nav-item .lbl{
  flex:0 1 auto !important;
  max-width:calc(100% - 64px) !important;
}

.framework_main.conversations .conversations_inbox_left_search_menu .nav-item.active .count,
.framework_main.conversations .conversations_inbox_left_search_menu .nav-item.is-active .count{
  width:auto !important;
  min-width:18px !important;
  max-width:none !important;
  min-height:18px !important;
  padding:1px 6px !important;
  justify-content:center !important;
  border-radius:5px !important;
  background:#0E141F !important;
  color:#FFFFFF !important;
  font-weight:600 !important;
}

/* Contained app shell and resizable conversation workspace. */
.ysa-topbar-row,
.ysa-subnav-row,
.ysa-utilitybar-row,
.ysa-mega-inner{
  max-width:none !important;
  width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:24px !important;
  padding-right:24px !important;
}

.ysa-topbar-row{
  padding-left:24px !important;
  padding-right:24px !important;
}

.ysa-insights-page{
  max-width:1400px !important;
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

.framework_main:not(.conversations){
  /* padding-left: 24px !important; */
  /* padding-right: 24px !important; */
}

.framework_main.conversations .workspace.ysa-conversations-page{
  --ysa-conv-filter-w:260px;
  --ysa-conv-inbox-w:340px;
  --ysa-conv-details-w:312px;
  position:relative !important;
  grid-template-columns:var(--ysa-conv-filter-w) var(--ysa-conv-inbox-w) minmax(360px, 1fr) var(--ysa-conv-details-w) !important;
  max-width:none !important;
  width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

body.conversations .ysa-subnav-row,
body.conversations .ysa-utilitybar-row{
  padding-left:0 !important;
  padding-right:0 !important;
}

.framework_main.conversations .ysa-conv-resize-handle{
  position:absolute;
  top:0;
  bottom:0;
  z-index:35;
  width:12px;
  cursor:col-resize;
  transform:translateX(-6px);
  touch-action:none;
}

.framework_main.conversations .ysa-conv-resize-handle:before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:5px;
  width:2px;
  background:transparent;
  transition:background .12s ease, box-shadow .12s ease;
}

.framework_main.conversations .ysa-conv-resize-handle:hover:before,
.framework_main.conversations .ysa-conv-resize-handle:focus-visible:before,
body.ysa-conv-resizing .framework_main.conversations .ysa-conv-resize-handle:before{
  background:#19B6A8;
  box-shadow:0 0 0 3px rgba(25,182,168,.12);
}

.framework_main.conversations .ysa-conv-resize-inbox{
  left:calc(var(--ysa-conv-filter-w) + var(--ysa-conv-inbox-w));
}

.framework_main.conversations .ysa-conv-resize-details{
  left:calc(100% - var(--ysa-conv-details-w));
}

.framework_main.conversations .workspace.ysa-conversations-page #ysa-conversation-empty{
  grid-column:3 / 5;
  grid-row:1 / 4;
  place-self:stretch;
  width:100%;
  height:100%;
  min-height:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:0 32px !important;
}

body.ysa-conv-resizing{
  cursor:col-resize !important;
  user-select:none !important;
}

body.ysa-conv-resizing iframe,
body.ysa-conv-resizing img{
  pointer-events:none !important;
}

@media (min-width:721px){
  .framework_main.conversations .workspace.ysa-conversations-page > .ysa-conv-filter-panel,
  .framework_main.conversations .workspace.ysa-conversations-page > .ysa-conv-inbox-panel,
  .framework_main.conversations .workspace .col.ysa-conv-filter-panel,
  .framework_main.conversations .workspace .col.ysa-conv-inbox-panel,
  .framework_main.conversations #xhr_searchinbox,
  .framework_main.conversations .conversations_inbox_left{
    background:#FFFFFF !important;
  }

  .framework_main.conversations #xhr_conversations,
  .framework_main.conversations .conv-list{
    background:#F6F7F8 !important;
  }

  .framework_main.conversations .ysa-workspace-col-head,
  .framework_main.conversations .conversation_inbox_header,
  .framework_main.conversations .search_form.conversations_inbox_left_search.ysa-conv-list-tools{
    background:#FFFFFF !important;
  }

  .framework_main.conversations #xhr_conversations,
  .framework_main.conversations .conv-list{
    padding-top:8px !important;
  }

  .framework_main.conversations .conversations_inbox_item.conv{
    margin:0 10px 8px !important;
    border:1px solid #E9EBEE !important;
    border-radius:12px !important;
    background:#FFFFFF !important;
    overflow:hidden;
  }

  .framework_main.conversations .conversations_inbox_item.conv:hover{
    border-color:#E1E3E8 !important;
    background:#FBFBFC !important;
  }

  .framework_main.conversations .conversations_inbox_item.conv.active,
  .framework_main.conversations .conversations_inbox_item.conv.is-active{
    border-color:#CFEAE6 !important;
    background:#E8F6F4 !important;
  }
}

@media (max-width:720px){
  .framework_main.conversations .ysa-conv-resize-handle{
    display:none !important;
  }
  .framework_main.conversations .workspace.ysa-conversations-page{
    grid-template-columns:1fr !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
}

/* Final inbox row polish: match the clean row-based conversation list. */
.framework_main.conversations #xhr_conversations,
.framework_main.conversations .conv-list{
  padding-top:0 !important;
  background:#FFFFFF !important;
}

.framework_main.conversations .conversations_inbox_item.conv{
  min-height:100px !important;
  display:grid !important;
  grid-template-columns:48px minmax(0,1fr) auto !important;
  gap:12px !important;
  align-items:start !important;
  margin:0 !important;
  padding:16px 18px 14px !important;
  border:0 !important;
  border-bottom:1px solid #E9EBEE !important;
  border-radius:0 !important;
  background:#FFFFFF !important;
  box-shadow:none !important;
  overflow:visible !important;
}

.framework_main.conversations .conversations_inbox_item.conv:hover{
  background:#FAFBFC !important;
}

.framework_main.conversations .conversations_inbox_item.conv.active,
.framework_main.conversations .conversations_inbox_item.conv.is-active{
  background:#E9F8F5 !important;
}

.framework_main.conversations .conversations_inbox_item.conv.active:before,
.framework_main.conversations .conversations_inbox_item.conv.is-active:before{
  width:5px !important;
  background:#19B6A8 !important;
}

.framework_main.conversations .conv .av,
.framework_main.conversations .conversations_inbox_item .av{
  width:48px !important;
  min-width:48px !important;
  max-width:48px !important;
  height:48px !important;
  min-height:48px !important;
  max-height:48px !important;
  margin-top:0 !important;
  font-size:16px !important;
  line-height:1 !important;
  font-weight:700 !important;
}

.framework_main.conversations .conv .row1{
  min-height:22px !important;
  align-items:center !important;
  gap:7px !important;
  margin:0 0 3px !important;
}

.framework_main.conversations .conv .name{
  font-size:16px !important;
  line-height:1.15 !important;
  font-weight:750 !important;
  letter-spacing:0 !important;
}

.framework_main.conversations .conv .channel{
  max-width:92px !important;
  gap:5px !important;
  color:#6E7480 !important;
  font-size:14px !important;
  line-height:1.1 !important;
  font-weight:500 !important;
}

.framework_main.conversations .conv .channel i{
  width:10px !important;
  height:10px !important;
  display:inline-block !important;
  flex:0 0 10px !important;
  border-radius:50% !important;
  background:currentColor !important;
  font-size:0 !important;
  line-height:1 !important;
}

.framework_main.conversations .conv .channel i:before{
  content:"" !important;
}

.framework_main.conversations .conv .channel i.fa-envelope{
  width:auto !important;
  height:auto !important;
  flex:0 0 auto !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#3B82F6 !important;
  font-size:14px !important;
}

.framework_main.conversations .conv .channel i.fa-envelope:before{
  content:"\f0e0" !important;
}

.framework_main.conversations .conv .snippet{
  max-width:100% !important;
  margin:0 !important;
  color:#6E7480 !important;
  font-size:15px !important;
  line-height:1.3 !important;
}

.framework_main.conversations .conv .tags{
  gap:6px !important;
  margin-top:8px !important;
}

.framework_main.conversations .conv .tag{
  min-height:23px !important;
  gap:5px !important;
  padding:3px 8px !important;
  border-radius:5px !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:.04em !important;
}

.framework_main.conversations .conv .tag .swatch{
  width:7px !important;
  height:7px !important;
  border-radius:2px !important;
}

.framework_main.conversations .ysa-conversation-detail #xhr_conversation .ysa-timeline-label-event{
  width:min(76%, 520px) !important;
  display:grid !important;
  grid-template-columns:minmax(32px, 1fr) auto minmax(32px, 1fr) !important;
  align-items:center !important;
  gap:8px !important;
  margin:2px auto 18px !important;
}

.framework_main.conversations .ysa-conversation-detail #xhr_conversation .ysa-timeline-label-event:after,
.framework_main.conversations .ysa-conversation-detail #xhr_conversation .ysa-timeline-label-line{
  content:"" !important;
  display:block !important;
  height:1px !important;
  min-width:32px !important;
  border:0 !important;
  background:#DDE6EE !important;
}

.framework_main.conversations .ysa-conversation-detail #xhr_conversation .ysa-timeline-label-pill{
  min-height:23px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  padding:3px 8px !important;
  border:0 !important;
  border-radius:5px !important;
  box-shadow:none !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}

.framework_main.conversations .ysa-conversation-detail #xhr_conversation .ysa-timeline-label-pill .swatch{
  width:7px !important;
  height:7px !important;
  flex:0 0 7px !important;
  border-radius:2px !important;
}

.framework_main.conversations .conv .right{
  min-height:48px !important;
  align-items:flex-end !important;
  gap:12px !important;
  padding-top:2px !important;
}

.framework_main.conversations .conv .time{
  color:#6E7480 !important;
  font-size:14px !important;
  line-height:1.1 !important;
  font-weight:500 !important;
}

.framework_main.conversations .conv .unread{
  width:9px !important;
  height:9px !important;
}

.framework_main.conversations .conv .stars{
  color:#E0A82E !important;
  font-size:14px !important;
  line-height:1 !important;
  letter-spacing:1px !important;
}

.framework_main.conversations .ysa-details-labels-row .tag,
.framework_main.conversations .ysa-details-labels-row #label_thread{
  height:26px !important;
  min-height:26px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  padding:3px 9px !important;
  font-size:12px !important;
  line-height:1 !important;
}

.framework_main.conversations .ysa-details-labels-row .tag .swatch{
  width:8px !important;
  height:8px !important;
  border-radius:3px !important;
}

.framework_main.conversations .ysa-conversation-detail .xhr_conversation_profile > h3:not(.ysa-details-section-title){
  padding-left:16px !important;
  padding-right:16px !important;
}

.framework_main.conversations .ysa-conversation-detail .xhr_conversation_profile .conversation_summary{
  margin-left:16px !important;
  margin-right:16px !important;
  padding:0 !important;
}

/* Keep the ticket inbox on the same compact type scale as the app shell. */
.framework_main.conversations .conversations_inbox_item.conv{
  min-height:92px !important;
  grid-template-columns:46px minmax(0,1fr) auto !important;
  gap:12px !important;
  padding:14px 18px 13px !important;
}

.framework_main.conversations .conv .av,
.framework_main.conversations .conversations_inbox_item .av{
  width:46px !important;
  min-width:46px !important;
  max-width:46px !important;
  height:46px !important;
  min-height:46px !important;
  max-height:46px !important;
  font-size:15px !important;
}

.framework_main.conversations .conv .row1{
  min-height:20px !important;
  gap:7px !important;
  margin-bottom:3px !important;
}

.framework_main.conversations .conv .name{
  font-size:14px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
}

.framework_main.conversations .conv .channel{
  max-width:90px !important;
  gap:5px !important;
  font-size:12px !important;
  line-height:1.1 !important;
}

.framework_main.conversations .conv .channel i{
  width:9px !important;
  height:9px !important;
  flex-basis:9px !important;
}

.framework_main.conversations .conv .channel i.fa-envelope{
  font-size:12px !important;
}

.framework_main.conversations .conv .snippet{
  font-size:13.5px !important;
  line-height:1.3 !important;
}

.framework_main.conversations .conv .tags{
  gap:6px !important;
  margin-top:7px !important;
}

.framework_main.conversations .conv .tag{
  min-height:22px !important;
  gap:5px !important;
  padding:2px 7px !important;
  font-size:10.5px !important;
}

.framework_main.conversations .conv .tag .swatch{
  width:7px !important;
  height:7px !important;
}

.framework_main.conversations .conv .right{
  min-height:46px !important;
  gap:10px !important;
}

.framework_main.conversations .conv .time{
  font-size:12px !important;
}

.framework_main.conversations .conv .stars{
  font-size:12px !important;
}

@media (max-width:720px){
  .framework_main:not(.insights):not(.conversations){
    padding:20px 12px 32px !important;
  }

  .ysa-topbar-row{
    padding-left:8px !important;
    padding-right:8px !important;
    max-width:none !important;
  }

  .ysa-shell-mobile-menu{
    margin-left:-2px !important;
  }

  .ysa-subnav{
    left:0 !important;
    right:0 !important;
    width:100vw !important;
  }

  .ysa-subnav-row,
  .ysa-utilitybar-row{
    width:100vw !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .ysa-subnav-tabs{
    width:100vw !important;
    padding-left:12px !important;
    padding-right:12px !important;
    scroll-padding-left:12px !important;
    scroll-padding-right:12px !important;
  }
}