/* ============================================================
   tnk_theme.css
   Centralized theme - Take and Ko System
   เปลี่ยนสีระบบ (sidebar + table header bar) ที่นี่ที่เดียว
   มีผลทุกหน้าที่ include ไฟล์นี้
   ============================================================ */

:root {
    --tnk-primary: #0e2d6e;        /* สีหลักของระบบ */
    --tnk-primary-hover: #0a2154;  /* สีตอน hover (เข้มกว่า primary) */
    --tnk-bar-text: #ffffff;
}

/* แถบเมนูด้านซ้าย (Sidebar) */
.sidebar {
    background: var(--tnk-primary);
    color: var(--tnk-bar-text);
}
.sidebar a:hover {
    background: var(--tnk-primary-hover);
}
.sb-parent:hover {
    background: var(--tnk-primary-hover);
}

/* แถบบาร์หัวตาราง (Table Header) - ใช้ร่วมกันทุกตารางในระบบ
   เดิมแต่ละไฟล์กำหนด background-color:#333 แยกกัน
   (tblQue, tblDeviceConnect, tblPersonGrp ใน main.aspx,
    tblTenant ใน ajax_tnk_tenant.aspx, tbl-rate ใน tenant_detail)
   ย้ายมารวมที่นี่ที่เดียว */
#tblQue thead th,
#tblDeviceConnect thead th,
#tblPersonGrp thead th,
#tblTenant thead th,
#tblMember thead th,
.tbl-rate th {
    background-color: var(--tnk-primary);
    color: var(--tnk-bar-text);
}

/* สีตัวอักษรตอน hover เมนูด้านซ้าย */
:root {
    --tnk-hover-text: #f8d229;
}



.sidebar a:hover,
.sb-parent:hover,
.sb-parent:hover .arrow,
.submenu li a:hover {
    color: var(--tnk-hover-text);
    background: transparent;   /* กันไม่ให้ inherit หรือถูก override เป็นสีพื้นอื่น */
}

/* โลโก้บนแถบเมนูด้านซ้าย */
.sidebar-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px 0;
}
.sidebar-logo img {
    max-width: 140px;   /* ปรับขนาดโลโก้ตามต้องการ */
    height: auto;
}

/* ไอคอนหน้าหัวข้อ (h5 ที่มี border-bottom ทุกหน้า list/detail) 
   ให้เป็นสีเดียวกับ theme โดยไม่ต้องแก้ทีละไฟล์ */
h5 i.fa-solid,
h5 i.fa-regular {
    color: var(--tnk-primary);
}

/* หัวข้อหน้า (header) ทุกหน้า list/detail ใช้ class นี้แทน inline style */
.tnk-page-title {
    display: inline-block;
    padding-bottom: 4px;
    border-bottom: 3px solid var(--tnk-primary);
    margin-bottom: 1rem; /* แทน mb-3 เดิม */
}

/* ไอคอน user / lock / logout มุมขวาบน */
.tnk-topbar-icons i {
    color: var(--tnk-primary);
}
.tnk-topbar-icons i:hover {
    color: var(--tnk-hover-text);   /* ใช้ตัวเหลืองเดียวกับ hover เมนู */
}

/* ไอคอนบันทึก - สีขาว */
.tnk-icon-save {
    color: #fff;
}

/* ปุ่มบันทึกหลัก (เดิมใช้ btn-dark สีดำ) → เปลี่ยนพื้นเป็นน้ำเงิน theme */
.tnk-btn-save-main {
    background-color: var(--tnk-primary) !important;
    border-color: var(--tnk-primary) !important;
}
.tnk-btn-save-main:hover {
    background-color: var(--tnk-primary-hover) !important;
    border-color: var(--tnk-primary-hover) !important;
}

/* หัวตาราง Search Transaction */
.st-table thead th {
    background-color: var(--tnk-primary);
    color: #fff;
}

#searchTran .st-table thead th {
    background-color: var(--tnk-primary) !important;
    color: #fff !important;
}