/* ════════════════════════════════════════════════════════════════════════
   css/32-costsheet-ux-simplify.css — T-Costsheet ลดปุ่ม/ตัวกรองให้ใช้ง่ายขึ้น (2026-10-19)
   · แท็บโมดูล: Cost Sheet / งาน Engineer เด่น, Template 2 ตัวเป็นแท็บรองชิดขวา
   · ตัวกรองสถานะย่อย (js/358 Pre-CS + js/359 ต้นทุนจริง) แสดงตลอด แบบแถบชิปบรรทัดเดียว
     (เดิมพับเก็บด้วย js/414 — ผู้ใช้ใช้ทุกวัน เลยเอาออกมา)
   · แถบ "รอ CEO อนุมัติ" พับเหลือบรรทัดเดียว กดหัวแถบเพื่อกาง (js/532)
   ════════════════════════════════════════════════════════════════════════ */

/* ── แท็บโมดูล ── */
#costsheetPage #cs-tabs-bar button.cs-tab-minor{ font-weight:500 !important; font-size:12.5px !important; }
/* แท็บรองอยู่ต่อจากแท็บหลัก คั่นด้วยเส้นตั้งบางๆ (เดิมชิดขวาสุด ไกลเกินไป) */
#costsheetPage #cs-tabs-bar button:not(.cs-tab-minor) + button.cs-tab-minor{ position:relative; margin-left:12px !important; }
#costsheetPage #cs-tabs-bar button:not(.cs-tab-minor) + button.cs-tab-minor::before{
  content:''; position:absolute; left:-17px; top:50%; width:1px; height:16px; margin-top:-8px; background:var(--cs-ui-line, #e4e9ed);
}

/* ── ตัวกรองสถานะย่อย: แสดงตลอด ── */
#costsheetPage .cs-substatus-toggle-row{ display:none !important; }
#cs-body-area.cs-substatus-collapsed #precs-listbar,
#cs-body-area.cs-substatus-collapsed #actualcost-bar{ display:flex !important; }

#costsheetPage #precs-listbar,
#costsheetPage #actualcost-bar{
  display:flex; align-items:center; flex-wrap:wrap; gap:6px 12px;
  margin:0 0 8px !important; padding:7px 12px;
  background:#fff; border:1px solid var(--cs-ui-line, #e4e9ed); border-radius:12px;
}
#costsheetPage #precs-listbar .pl-head,
#costsheetPage #actualcost-bar .ac-head{
  margin:0 !important; font-size:12px !important; font-weight:700 !important;
  color:var(--cs-ui-muted, #687985) !important; gap:6px !important; white-space:nowrap;
}
#costsheetPage #actualcost-bar .ac-head > span:not(.ac-clear){ display:none; }
#costsheetPage #precs-listbar .pl-clear,
#costsheetPage #actualcost-bar .ac-clear{ font-weight:600; text-decoration:none !important; }
#costsheetPage #precs-listbar .pl-chips,
#costsheetPage #actualcost-bar .ac-chips{ display:flex !important; flex-wrap:wrap; gap:6px !important; }
#costsheetPage #precs-listbar .pl-chip,
#costsheetPage #actualcost-bar .ac-chip{
  display:inline-flex !important; flex-direction:row-reverse; align-items:center; gap:6px;
  height:28px; padding:0 10px !important; border-radius:8px !important; outline:0 !important;
  border:1px solid transparent !important;
}
#costsheetPage #precs-listbar .pl-chip b,
#costsheetPage #actualcost-bar .ac-chip b{ display:inline !important; font-size:12.5px !important; font-weight:800 !important; }
#costsheetPage #precs-listbar .pl-chip span,
#costsheetPage #actualcost-bar .ac-chip span{ display:inline !important; margin:0 !important; font-size:12px !important; white-space:nowrap; }
#costsheetPage #precs-listbar .pl-chip.on,
#costsheetPage #actualcost-bar .ac-chip.on{ border-color:currentColor !important; box-shadow:0 0 0 1px #0f172a inset; }

/* ── แถบ "รอ CEO อนุมัติ": พับเป็นบรรทัดเดียว ── */
#cs-ceo-area .ceo-pending-header{ cursor:pointer; user-select:none; margin-bottom:0 !important; padding-bottom:0 !important; border-bottom:0 !important; }
#cs-ceo-area .ceo-pending-header::after{
  content:'ดูรายการ ▾'; margin-left:auto; font-size:12px; font-weight:700; color:#b45309;
}
#cs-ceo-area.cs-ceo-open .ceo-pending-header{ margin-bottom:8px !important; padding-bottom:8px !important; }
#cs-ceo-area.cs-ceo-open .ceo-pending-header::after{ content:'ซ่อน ▴'; }
#cs-ceo-area:not(.cs-ceo-open) .ceo-pending-list{ display:none !important; }

/* ── หน้าเปิด CS: ปุ่มประวัติ (js/396) / Export Excel (js/426) ย้ายไปเมนู ⋯ ข้างปุ่มขออนุมัติ (js/75) ── */
#costsheetPage #cs-hist-btn,
#costsheetPage #cs-export-excel-btn{ display:none !important; }