/* ============================================================
   status-dots.css — วงกลมสีประจำสถานะเรื่องร้องเรียน
   ใช้แบบเดียวกันทุกฟีเจอร์: ตารางเรื่อง · รายละเอียดเรื่อง · ตัวกรอง ·
   หน้าร่างเรื่อง · เมนูเปลี่ยนสถานะในตาราง   (อาร์มสั่ง ๒ ก.ย. ๒๕๖๙)
   โหลดท้ายสุดเพื่อไม่ให้ธีมเดิมทับ
   ============================================================ */

.ux-stdot {
    display: inline-block;
    flex: 0 0 auto;
    width: 10px;
    height: 10px;
    margin-right: 7px;
    border-radius: 50%;
    background: #94a3b8;
    vertical-align: baseline;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .9);
}

/* ชื่อสถานะ + วงกลม อยู่บรรทัดเดียวกันเสมอ ไม่ตกบรรทัด */
.ux-st {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    font-weight: 600;
}

/* ---------- เมนูเปลี่ยนสถานะในตาราง (js/ux-enhance.js) ---------- */
.ux-status__btn { display: inline-flex; align-items: center; }
.ux-status__item { display: flex; align-items: center; text-align: left; }

/* ---------- dropdown-select ของธีม (หน้าร่างเรื่อง / รายละเอียดเรื่อง) ----------
   ธีมสร้าง <li data-option="ID"> จาก <select> แล้ว inc/statuses.inc.php ใส่คลาสสี
   ให้ทั้งรายการและป้ายที่ปิดอยู่ -> เติมวงกลมสีด้วย ::before ตามคลาสนั้น */
.dropdown-select.status .dropdown-list > li::before,
.dropdown.status .dropdown-list > li::before,
.dropdown-select.status .label > span::before,
.dropdown.status .label > span::before,
#ticket-status-div .dropdown-list > li::before,
#ticket-status-div .label > span::before,
#submit-as-div .dropdown-list > li::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 7px;
    border-radius: 50%;
    background: currentColor;   /* สีเดียวกับตัวหนังสือของสถานะนั้น */
    vertical-align: baseline;
}
.dropdown-select.status .dropdown-list > li,
.dropdown.status .dropdown-list > li,
.dropdown-select.status .label > span,
.dropdown.status .label > span,
#ticket-status-div .dropdown-list > li,
#ticket-status-div .label > span,
#submit-as-div .dropdown-list > li { display: flex; align-items: center; }

/* การ์ดเรื่องบนมือถือ */
.ux-tcard__st { display: inline-flex; align-items: center; }
.ux-tcard__st .ux-stdot { width: 8px; height: 8px; margin-right: 5px; }

/* ชิปสถานะบนหน้าหลัก */
.hm-chip { display: inline-flex; align-items: center; }
.hm-chip .ux-stdot { width: 8px; height: 8px; margin-right: 6px; box-shadow: none; }

/* ป้ายสถานะในหน้ารายละเอียดเรื่อง (ถ้าเป็นข้อความล้วน ไม่ผ่าน hesk_get_ticket_status) */
.ticket__body_block .ux-st { font-weight: 700; }

@media print {
    .ux-stdot { box-shadow: none; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}