.header_text_border+.collapse.show::before {
    content: '';
    display: block;
    width: calc(100% - 10px);
    /* ลดขนาดเส้นเพื่อเว้นขอบซ้ายและขวา */
    height: 1px;
    /* ความหนาของเส้น */
    background-color: #cccccc;
    /* สีของเส้น */
    margin: 5px auto 10px;
    /* จัดกึ่งกลางและเพิ่มระยะห่างด้านล่าง */
}

.buttom_type {
    background-color: #4B908E !important;
    border-color: #4B908E !important;
    border-radius: 1rem !important;
    /* กำหนดความโค้ง */
    padding: 10px 20px !important;
    /* เพิ่ม Padding ให้ปุ่มดูสมดุล */
}

.label_type {
    background-color: #ffffff !important;
    border-color: #4B908E !important;
    color: #000000;
    border-radius: 1rem !important;
    /* กำหนดความโค้ง */
    padding: 10px 20px !important;
    /* เพิ่ม Padding ให้ปุ่มดูสมดุล */
}

.bg_header_space_list {
    background-color: #dbebe8;
}

[data-bs-theme=dark] {
    .bg_header_space_list {
        background-color: #7dfff61f;
    }
}

/* base: จอปกติ = ไม่ตัดคำ ไม่จำกัดความกว้าง */
.cj-tooltip{
  position:absolute; z-index:9999; pointer-events:none;
  line-height:1.35; font-family:Anuphan,sans-serif; font-size:13px;
  color:#fff; background:rgba(20,20,20,.92);
  border-radius:.5rem; padding:.5rem .6rem;
  box-shadow:0 4px 14px rgba(0,0,0,.25);
  transform:translate(-50%, calc(-100% - 10px));
  max-width:none;             /* สำคัญ: จอใหญ่ = ไม่จำกัดกว้าง */
  white-space:nowrap;         /* สำคัญ: จอใหญ่ = ไม่ตัดคำ */
}
.cj-tooltip--compact{
  max-width:260px;            /* เฉพาะจอเล็ก */
  white-space:normal;         /* เฉพาะจอเล็ก ให้ตัดบรรทัดได้ */
  word-wrap:break-word;
}
.cj-tooltip__title{font-weight:600;margin-bottom:.25rem;display:flex;align-items:center;gap:.4rem;}
.cj-tooltip__body{opacity:.95;}
.cj-dot{width:.65rem;height:.65rem;border-radius:50%;display:inline-block;flex:0 0 auto;}
