.myinfo[data-v-22541d69] {
  text-align: left;
  vertical-align: middle;
  margin-top: 10px;
  margin-left: 10px;
}
.myinfo span[data-v-22541d69] {
  text-align: left;
  vertical-align: middle;
}
.userlist[data-v-22541d69] {
  vertical-align: middle;
  cursor: pointer;
}
.userlist span[data-v-22541d69] {
  vertical-align: middle;
  margin-right: 10px;
}
.searchInput[data-v-22541d69] {
  width: 94%;
  margin: 2% 3.5%;
}
.FlexBox[data-v-22541d69] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: left;
}
.FlexBox2[data-v-22541d69] {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tipsMsgBox[data-v-22541d69] .el-dialog__body {
  background: #fff;
  color: #0caf60;
  text-align: center;
}
.tipsMsgBox .el-dialog__body[data-v-22541d69] {
  background: #fff;
  color: #0caf60;
  text-align: center;
}
.userlist .statusIcon[data-v-22541d69] {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 4px;
  border-radius: 6px;
}


.div1[data-v-fa75c9d0] {
  height: 100%;
  overflow-x: auto;
  overflow-y: auto;
  /* 添加垂直滚动条样式 */
  scrollbar-width: thin;
  scrollbar-color: #c0c4cc #f5f7fa;
}

/* 自定义滚动条样式 */
.div1[data-v-fa75c9d0]::-webkit-scrollbar {
  width: 6px;
}
.div1[data-v-fa75c9d0]::-webkit-scrollbar-track {
  background: #f5f7fa;
  border-radius: 3px;
}
.div1[data-v-fa75c9d0]::-webkit-scrollbar-thumb {
  background: #c0c4cc;
  border-radius: 3px;
}
.div1[data-v-fa75c9d0]::-webkit-scrollbar-thumb:hover {
  background: #909399;
}
.div2[data-v-fa75c9d0] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 8px;
  padding-bottom: 20px; /* 添加底部间距，确保最后一条消息完全可见 */
  width: 100%;
}
.div2 .myType[data-v-fa75c9d0] {
  position: relative;
}
.content[data-v-fa75c9d0] {
  background-color: rgb(149, 236, 105);
  padding: 10px;
  border-radius: 10px;
  font-weight: bold;
  cursor: pointer;
  word-break: break-all;
  max-width: 84%;
}
.right[data-v-fa75c9d0] {
  text-align: right;
}
.msg_box[data-v-fa75c9d0] {
  margin-bottom: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.box-card[data-v-fa75c9d0] {
  width: 40%;
  margin-left: 10px;
  max-width: 400px;
  border-radius: 10%;
  background-color: #fff;
}
.box-card .box-card-header[data-v-fa75c9d0] {
  padding: 8px;
  border-radius: 5% 5% 0 0/15% 15% 0 0;
  -webkit-box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.5);
  color: #fff;
  font-weight: 800;
  font-size: 20px;
  background-color: #0caf60;
}
.box-card img[data-v-fa75c9d0] {
  width: 126px;
  height: 120px;
}
.box-card > div[data-v-fa75c9d0] {
  padding: 8px;
  line-height: 26px;
}
.box-card .txt[data-v-fa75c9d0] {
  word-break: break-all;
}
.box-card .FlexTxt[data-v-fa75c9d0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.box-card .FlexTxt .cardLable1[data-v-fa75c9d0] {
  width: 140px;
}
.box-card .FlexTxt .cardLable2[data-v-fa75c9d0] {
  width: 126px;
}
.box-card .el-card__body .el-button[data-v-fa75c9d0] {
  text-align: center;
  width: 100%;
}
.prescriptionBox[data-v-fa75c9d0] {
  max-width: 400px;
}
.myType[data-v-fa75c9d0] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.myType span[data-v-fa75c9d0] {
  float: right;
}
.FlexTxt > .txt[data-v-fa75c9d0] {
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.FlexTxt .txtLable[data-v-fa75c9d0] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 98px;
  text-align: right;
}
.CFBOX[data-v-fa75c9d0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 14px;
}
.CF_box[data-v-fa75c9d0] {
  border-radius: 10%;
  min-width: 344px;
  margin-right: 10px;
  background: #fff;
}
.CF_box .CF_boxthead[data-v-fa75c9d0] {
  padding: 8px;
  border-radius: 5% 5% 0 0/26% 26% 0 0;
  -webkit-box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #fff;
  font-size: 20px;
  font-weight: 800;
  line-height: 26px;
  background: #0caf60;
}
.CF_box td[data-v-fa75c9d0] {
  padding: 4px 10px;
}
.loadMsg[data-v-fa75c9d0] {
  margin-bottom: 10px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #a0aec0;
  text-align: center;
}
.warningIcon[data-v-fa75c9d0] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  background: #faad14;
  border-radius: 50%;
  padding: 0px 8px;
  margin-right: 8px;
}
.touxiang[data-v-fa75c9d0],
.touxiang > img[data-v-fa75c9d0] {
  display: inline-block;
  width: 40px;
}
.imgStyle[data-v-fa75c9d0] {
  /* width: auto;
  height: 100px; */
  height: auto;
  width: auto;
  max-width: 200px;
  height: 200px;
}
.imgStyle[data-v-fa75c9d0] img {
  max-width: 200px;
  height: 200px;
}
.myType .flexBox[data-v-fa75c9d0] {
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
@media only screen and (max-height: 550px) {
.content[data-v-fa75c9d0] {
    max-width: 74%;
}
#app[data-v-fa75c9d0] {
    max-height: 550px;
    overflow: scroll;
}
}
@media only screen and (max-width: 1000px) {
.content[data-v-fa75c9d0] {
    max-width: 70%;
}
}


.inputBox[data-v-5dd5543a] {
  position: relative;
  height: 100%;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: visible;
}
.flexBox[data-v-5dd5543a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 0;
  position: relative; 
  min-height: 40px;
}
.input-row[data-v-5dd5543a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
  min-height: 200px;
  padding-right: 190px;
}
.input-row .el-textarea[data-v-5dd5543a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.el-textarea[data-v-5dd5543a] .el-textarea__inner {
  border: none !important;
}
.input-row .sendButton[data-v-5dd5543a] {
  position: fixed !important;
  right: 24px !important;
  bottom: 24px !important;
  z-index: 3000;
  height: 40px;
  padding: 0 24px;
  font-size: 15px;
  font-weight: 500;
}
.hoverIcon[data-v-5dd5543a] {
  font-size: 26px;
  color: #0caf60;
}
.hoverIcon[data-v-5dd5543a]:hover {
  color: #0caf60;
  cursor: pointer;
}
.tipsMsgBox[data-v-5dd5543a] .el-dialog__header {
  display: none;
  background: rgb(16, 17, 17);
}
.tipsMsgBox[data-v-5dd5543a] .el-dialog__body {
  background: #fff;
  color: #0caf60;
  text-align: center;
}
.tipsMsgBox .el-dialog__body[data-v-5dd5543a] {
  background: #fff;
  color: #0caf60;
  text-align: center;
}
.iconButton[data-v-5dd5543a] {
  margin-right: 20px;
  font-size: 30px;
  cursor: pointer;
  color: #0caf60;
}
.iconButton[data-v-5dd5543a]:hover {
  color: #0caf60;
}

/* 快捷语样式 */
.flexBox[data-v-5dd5543a] { position: relative;
}
.quick-reply-container[data-v-5dd5543a] {
  position: absolute; 
  top: 36%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  z-index: 2;
}
.quick-reply-container[data-v-5dd5543a] .el-autocomplete {
  width: 420px;
}
.quick-reply-container[data-v-5dd5543a] .el-input__inner {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  height: 38px;
  line-height: 38px;
  padding-left: 12px; 
  border: 1px solid #90e0b6; 
  -webkit-box-shadow: none; 
          box-shadow: none; 
  -webkit-transition: all .2s ease; 
  transition: all .2s ease;
}

/* 快捷语标签样式 */
.quick-reply-tag[data-v-5dd5543a] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 500;
  margin-right: 8px;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-width: 60px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  line-height: 20px;
}
.quick-reply-tag i[data-v-5dd5543a] {
  margin-right: 3px;
  font-size: 10px;
  color: inherit;
}

/* 悬浮状态下的图标样式 */
.quick-reply-item:hover .quick-reply-tag i[data-v-5dd5543a] {
  color: inherit !important;
}
.quick-reply-item.selected .quick-reply-tag i[data-v-5dd5543a] {
  color: inherit !important;
}
.quick-tag[data-v-5dd5543a] {
  background-color: #f0f9ff;
  border: 1px solid #67c23a;
  color: #67c23a;
}
.qa-tag[data-v-5dd5543a] {
  background-color: #fdf6ec;
  border: 1px solid #e6a23c;
  color: #e6a23c;
}

/* 悬浮状态下的标签样式 */
.quick-reply-item:hover .quick-reply-tag[data-v-5dd5543a] {
}
.quick-reply-item.selected .quick-reply-tag[data-v-5dd5543a] {
}

/* 建议项样式 */
.suggestion-item[data-v-5dd5543a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 4px 0;
}
.suggestion-title[data-v-5dd5543a] {
  text-align: left;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  cursor: pointer;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.popover-reference[data-v-5dd5543a] {
  position: absolute;
  bottom: -200px;
  left: 0;
  width: 100%;
  height: 1px;
  pointer-events: none;
}

/* 快捷语列表样式 */
.quick-reply-list[data-v-5dd5543a] {
  max-height: 300px;
  overflow-y: auto;
  min-width: 400px;
  /* 显示滚动条 */
  scrollbar-color: #c0c4cc #f5f7fa;
}

/* 自定义滚动条样式 */
.quick-reply-list[data-v-5dd5543a]::-webkit-scrollbar {
  width: 6px;
}
.quick-reply-list[data-v-5dd5543a]::-webkit-scrollbar-track {
  background: #f5f7fa;
  border-radius: 3px;
}
.quick-reply-list[data-v-5dd5543a]::-webkit-scrollbar-thumb {
  background: #c0c4cc;
  border-radius: 3px;
}
.quick-reply-list[data-v-5dd5543a]::-webkit-scrollbar-thumb:hover {
  background: #909399;
}
.quick-reply-item[data-v-5dd5543a] {
  padding: 8px 12px;
  border-bottom: 1px solid #f0f0f0;
  cursor: pointer;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  position: relative;
  /* 优化大量数据时的显示 */
  min-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  line-height: 20px;
}
.quick-reply-item[data-v-5dd5543a]:hover {
  background-color: #d7e1ef;
  color: #fff;
  z-index: 10;
}
.quick-reply-item.selected[data-v-5dd5543a] {
  background-color: #d7e1ef;
  color: #fff;
}
.quick-reply-item.selected .item-text[data-v-5dd5543a] {
  color: #333;
}

/* 确保悬浮状态优先级高于选中状态 */
.quick-reply-item[data-v-5dd5543a]:hover {
  background-color: #d7e1ef !important;
  color: #333 !important;
}
.quick-reply-item:hover .item-text[data-v-5dd5543a] {
  color: #333 !important;
}
.quick-reply-item[data-v-5dd5543a]:last-child {
  border-bottom: none;
}
.item-text[data-v-5dd5543a] {
  font-size: 14px;
  color: #303133;
  line-height: 20px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  max-width: 100%;
  cursor: pointer;
  /* 优化大量数据时的文本显示 */
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.quick-reply-item:hover .item-text[data-v-5dd5543a] {
  color: #fff;
}
.quick-reply-container[data-v-5dd5543a] .el-input__inner {
  border-radius: 20px;
}
.quick-reply-container[data-v-5dd5543a] .el-select:hover .el-input__inner,
.quick-reply-container[data-v-5dd5543a] .el-input.is-focus .el-input__inner,
.quick-reply-container[data-v-5dd5543a] .el-input__inner:focus {
  border-color: #0caf60 !important;
  -webkit-box-shadow: 0 6px 14px rgba(12, 175, 96, 0.18);
          box-shadow: 0 6px 14px rgba(12, 175, 96, 0.18);
}
.quick-reply-container[data-v-5dd5543a] .el-select-dropdown__item {
  padding: 0 20px;
  line-height: 34px;
}
.quick-reply-container[data-v-5dd5543a] .el-select-dropdown__item:hover {
  background-color: #42b6ff;
  color: #fff;
}
.quick-reply-container[data-v-5dd5543a] .el-select-dropdown__item.selected {
  color: #42b6ff;
  font-weight: bold;
}

/* 高亮匹配的文本 */
.quick-reply-container[data-v-5dd5543a] .el-select-dropdown__item.highlighted {
  background-color: #42b6ff;
  color: #fff;
}

/* 匹配文本高亮 */
.quick-reply-container[data-v-5dd5543a] .el-select-dropdown__item .highlight {
  background-color: #ffd700;
  color: #333;
  font-weight: bold;
}

/* 主输入框popover样式 - 使用深度选择器 */
[data-v-5dd5543a] .el-popover.main-input-popover {
  padding: 5px;
  font-size: 12px;
  color: #333;
  background-color: #fff;
  z-index: 9999;
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  -webkit-transform: translate3d(0px, 120px, 0px) !important;
          transform: translate3d(0px, 120px, 0px) !important;
}

/* 确保popover在父元素内正确显示 */
.inputBox .main-input-popover[data-v-5dd5543a] {
  position: absolute !important;
}




.choosed[data-v-583e55ce] {
  border: solid 2px red;
}
.login[data-v-583e55ce] {
  width: 50%;
  margin-left: 25%;
  border: solid 1px rgb(228, 231, 237);
  padding: 30px;
}
.login .avatar[data-v-583e55ce] {
  margin-top: 20px;
}
.login .avatar .el-avatar[data-v-583e55ce] {
  cursor: pointer;
  margin-left: 5px;
}
.common[data-v-583e55ce] {
  width: 100%;
  height: 100%;
  background: #f5f6fa;
}
.common .el-container[data-v-583e55ce] {
  height: 98%;
  background: #f5f6fa;
}
.chatHeader[data-v-583e55ce],
.el-footer[data-v-583e55ce] {
  background-color: #fff;
  color: #333;
  text-align: center;
  line-height: 60px;
}
.chatHeader[data-v-583e55ce] {
  padding: 9px 8px;
  height: 41px;
  border-right: 1px solid #00000017;
  text-align: left;
  line-height: 48px;
  padding-left: 10px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 18px;
  font-weight: 600;
  padding-right: 16px;
}
.el-aside[data-v-583e55ce] {
  background: #f5f6fa;
  border-right: 1px solid #00000017;
  /* color: #333; */
  text-align: center;
}
.el-main[data-v-583e55ce] {
  padding: 6px;
  padding-right: 0px;
  height: 70%;
  color: #333;
  background: rgb(245, 245, 245);
  overflow: hidden;
}
body > .el-container[data-v-583e55ce] {
  margin-bottom: 40px;
}
.li_block[data-v-583e55ce] {
  width: 300px;
  height: 30px;
  background: skyblue;
  margin-bottom: 5px;
}
.medicalBox[data-v-583e55ce] {
  border-bottom: 1px black solid;
  background-color: #b3c0d1;
  font-size: 12px;
}
.medicalTxt[data-v-583e55ce] {
  background-color: #fff;
}
.clearfix[data-v-583e55ce]:before,
.clearfix[data-v-583e55ce]:after {
  display: table;
  content: "";
}
.clearfix[data-v-583e55ce]:after {
  clear: both;
}
.rightBox[data-v-583e55ce] {
  position: relative;
  min-width: 50%;
}
.rightBoxHeader[data-v-583e55ce] {
  position: absolute;
  top: 0;
  width: 97%;
  border-bottom: 1px solid gainsboro;
  padding: 9.5px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 40px;
  background-color: #fff;
  z-index: 2;
}
.rightBoxHeader div .el-input[data-v-583e55ce] {
  margin-left: 8px;
  width: 60%;
}
.rightBoxMain[data-v-583e55ce] {
  height: 100%;
  padding: 0px 10px;
  z-index: 1;
}
.rightTableBox[data-v-583e55ce] {
  border: 1px 1px 0px 1px solid #000;
  background: #fff;
}
.rightTableBox div > span[data-v-583e55ce] {
  position: relative;
  margin-right: 8px;
}
.rightBoxform[data-v-583e55ce] {
  padding-left: 10px;
}
.rightBoxform[data-v-583e55ce] .el-button {
  margin-top: 12px;
}
.textatraBox[data-v-583e55ce] {
  position: relative;
}
.textatraBox > span[data-v-583e55ce] {
  display: inline-block;
  padding-top: 4px;
  height: 24px;
}
.el-textarea > textarea[data-v-583e55ce] {
  height: 40px;
}
.signature[data-v-583e55ce] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.rightBoxFooter[data-v-583e55ce] {
  position: absolute;
  bottom: 0px;
  width: 96%;
  padding: 12px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #fff;
  z-index: 2;
}
.el-container .el-footer[data-v-583e55ce] {
  height: 28% !important;
  border-top: none;
  min-height: 120px; /* 添加最小高度 */
}
.addButton[data-v-583e55ce] {
  float: right;
}
[data-v-583e55ce] .el-dialog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 !important;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-height: calc(100% - 30px);
  max-width: calc(100% - 30px);
}
[data-v-583e55ce] .el-dialog .el-dialog__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto;
}
.el-dialog__header[data-v-583e55ce] {
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, from(#36cdff), color-stop(50%, #0f9bff));
  background: linear-gradient(90deg, #36cdff 0%, #0f9bff 50%);
}
.el-dialog__header .el-dialog__title[data-v-583e55ce] {
  color: #fff;
}
.el-dialog__header .el-dialog__headerbtn .el-icon-close[data-v-583e55ce] {
  color: #fff;
}
.PRE_box[data-v-583e55ce] .el-dialog__body {
  background: #f5f6fa;
  padding: 12px 20px !important;
}
.numberInput[data-v-583e55ce] {
  margin-right: 6px;
  display: inline-block;
  width: 48px;
}
.numberInput[data-v-583e55ce] .el-input__inner {
  width: 48px;
}
.upButton[data-v-583e55ce] {
  margin: 0 auto;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 180px;
  height: 48px;
  /* margin-top: 10px !important; */
}
.tipsMsgBox[data-v-583e55ce] .el-dialog__header {
  display: none;
}
.tipsMsgBox .el-dialog__header[data-v-583e55ce] {
  display: none;
}
.tipsMsgBox[data-v-583e55ce] .el-dialog__body {
  background: #fff;
  color: #0caf60;
  text-align: center;
}
.tipsMsgBox .el-dialog__body[data-v-583e55ce] {
  background: #fff;
  color: #0caf60;
  text-align: center;
}
.tableFormItem[data-v-583e55ce] {
  margin-bottom: 0px;
}
body .el-form-item[data-v-583e55ce] {
  /* margin-bottom:12px; */
}
.opsp_button[data-v-583e55ce] {
  margin-left: 10px;
  padding: 8px 15px;
  background: #0caf60;
  font-size: 14px;
  line-height: 14px;
  color: #FFF;
  border: 0;
  cursor: pointer;
  border-radius: 8px;
}
.in_hospital_button[data-v-583e55ce] {
  margin-left: 10px;
  padding: 8px 15px;
  background: #dadada;
  font-size: 14px;
  line-height: 14px;
  color: #FFF;
  border: 0;
  cursor: pointer;
  border-radius: 8px;
}
.statusIcon[data-v-583e55ce] {
  margin-right: 8px;
  margin-bottom: 2px;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  vertical-align: middle;
}

/* Footer拖拽样式 */
.chat-footer[data-v-583e55ce] {
  position: relative;
  -webkit-transition: height 0.1s ease;
  transition: height 0.1s ease;
  cursor: default;
  border-top: 2px solid transparent;
  /* 防止拖拽时影响其他元素 */
  -ms-touch-action: none;
      touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* 鼠标悬浮时显示边框 */
.chat-footer[data-v-583e55ce]:hover {
  border-top-color: transparent;
  cursor: default; /* 只在顶部命中区显示拖拽光标 */
}

/* 拖拽时的样式 */
.chat-footer.dragging[data-v-583e55ce] {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: ns-resize;
  border-top-color: transparent;
  /* 防止拖拽时影响页面滚动 */
  pointer-events: auto;
}

/* 拖拽时禁用页面滚动，但保持footer可交互 */
.chat-footer.dragging ~ *[data-v-583e55ce] {
  pointer-events: none;
}

/* 确保footer在拖拽时保持可交互 */
.chat-footer.dragging[data-v-583e55ce] {
  pointer-events: auto !important;
}

/* 确保拖拽区域在顶部 */
.chat-footer[data-v-583e55ce]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 30px; /* 与 footerActiveZoneHeight 保持一致 */
  cursor: ns-resize;
  z-index: 10;
  background-color: transparent;
  /* 确保拖拽区域可见且可交互 */
  pointer-events: auto;
}

/* 拖拽手柄样式 - 兼容保留 */
.drag-handle[data-v-583e55ce] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 30px; /* 与命中区域一致 */
  cursor: ns-resize;
  z-index: 100;
  background-color: transparent;
  /* 确保拖拽区域可见且可交互 */
  pointer-events: auto;
}

/* 鼠标悬浮时显示拖拽指示器 */
.drag-handle[data-v-583e55ce]:hover {
  /* 移除绿色指示器，保持透明 */
  background-color: transparent;
  border-top: none;
}

/* 鼠标悬浮时显示拖拽指示器 */
.chat-footer[data-v-583e55ce]:hover::before {
  /* 移除绿色指示器，保持透明 */
  background-color: transparent;
  border-top: none;
}

/* 拖拽时禁用整个页面的滚动 */
body.dragging-footer[data-v-583e55ce] {
  overflow: hidden !important;
  position: fixed;
  width: 100%;
  height: 100%;
}

/* 拖拽时禁用所有滚动容器 */
body.dragging-footer *[data-v-583e55ce] {
  overflow: hidden !important;
}

/* 固定发送按钮到页面右下角 */
[data-v-583e55ce] .chat-footer .sendButton {
  position: absolute;
  right: 24px;
  bottom: -130px;
  z-index: 3000;
}

/* 小屏适配 */
@media (max-width: 768px) {
[data-v-583e55ce] .chat-footer .sendButton {
    right: 16px;
    bottom: 16px;
}
}