/*
 * polish.css — เก็บตกซากสไตล์เก่าของ HESK ให้เข้าธีม bento (ขาว/เทา/น้ำเงิน + Noto)
 * ทำงานทุกหน้าที่โหลด header.inc.php (CSS-only ไม่กระทบ logic/flow)
 * โหลดท้ายสุดเพื่อ override ซากเดิม
 */

/* ===== <font> เก่า: ล้างฟอนต์/ขนาดฮาร์ดโค้ด ใช้โทนธีม ===== */
font {
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

font[color="red"],
font[color="#ff0000"],
font[color="#f00"],
font[color="#FF0000"] {
    color: #e0245e !important;
    font-weight: 700;
}

/* ===== ลิงก์/ตัวช่วยเก่า ===== */
.plain_link {
    color: var(--bento-primary, #2563eb) !important;
    text-decoration: none;
}

.plain_link:hover {
    text-decoration: underline;
}

.important {
    color: #e0245e;
    font-weight: 700;
}

/* ===== ข้อความสถานะแบบ inline (note/error/notice/success/info) ให้โทนสอดคล้องธีม =====
   เฉพาะตอนเป็นข้อความลอย ไม่ใช่กล่อง .notification (กล่องมีสไตล์ของ bento อยู่แล้ว) */
.main__content .error:not(.notification):not(input):not(select):not(textarea) {
    color: #b42318;
}

.main__content .success:not(.notification) {
    color: #067647;
}

.main__content .notice:not(.notification) {
    color: #b54708;
}

.main__content .note:not(.notification) {
    color: #475467;
}

/* ===== ตารางเก่าที่ไม่ได้อยู่ในกรอบธีม (raw table) ให้ดูสะอาดขึ้น ===== */
body:not(.cust-help) .main__content table:not(.table):not(.ticket-list):not(.sindu-table) {
    border-collapse: collapse;
    font-size: 14px;
}

body:not(.cust-help) .main__content table:not(.table):not(.ticket-list):not(.sindu-table) > * > tr > th,
body:not(.cust-help) .main__content table:not(.table):not(.ticket-list):not(.sindu-table) > * > tr > td {
    padding: 8px 10px;
}

/* ===== เส้นคั่นเก่า ===== */
body:not(.cust-help) .main__content hr {
    border: 0;
    border-top: 1px solid var(--bento-border, #dde7f5);
    margin: 16px 0;
}

/* ===== ปุ่มรีเฟรช/ไอคอนเก่า ให้กลมกลืน ===== */
.btn-refresh {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn-refresh svg {
    width: 16px;
    height: 16px;
    fill: var(--bento-primary, #2563eb);
}

/* ===== ข้อความตัวเล็ก/เทาเก่า ===== */
body:not(.cust-help) .main__content small,
body:not(.cust-help) .main__content .small {
    color: #7286a3;
    font-size: 12.5px;
}

/* ===== ป้ายลิงก์ "เรื่องร่วมดำเนินการ" (แทน <font color=red> เดิม) ===== */
.cotickets-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 6px 0 2px;
    padding: 8px 14px;
    border: 1px solid #fecdd3;
    border-radius: 10px;
    background: #fff5f7;
    color: #be123c;
    font-weight: 700;
    text-decoration: none;
    transition: background-color .15s ease, border-color .15s ease;
}
.cotickets-chip:hover {
    background: #ffe9ee;
    border-color: #fda4af;
}
.cotickets-chip .icon {
    width: 17px;
    height: 17px;
    fill: #e11d48;
}
.cotickets-chip__count {
    min-width: 22px;
    padding: 1px 8px;
    border-radius: 999px;
    background: #e11d48;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    text-align: center;
}