/* Global CSS for CMPAO System */

/* Remove up/down arrow spinners for all number inputs */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

input[type=number] {
    -moz-appearance: textfield !important;
    appearance: textfield !important;
}


/* 2 พ.ย. 69 (img_bf73f055945c): inline-flex จัด chevron กึ่งกลางแนวตั้งกับ label
   พอดี + gap 10px = ระยะห่าง label→icon ตาม design (ไม่ใช้ margin/vertical-align hack) */
.btn.btn-ghost {
    background: transparent;
    border: none;
    box-shadow: none;
    font-size: 1rem;
    font-weight: 600;
    padding: 6px 10px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
.btn.btn-ghost:hover,
.btn.btn-ghost:focus {
    text-decoration: none;
    opacity: 0.85;
    background: transparent;
}
/* chevron SVG (2 พ.ย. 69): 18×18 สูง ≈1.4x cap height ของ label —
   จัดกึ่งกลางโดย flex ของปุ่มเท่านั้น (ถอด FA icon ออก) */
.btn.btn-ghost .sb-btn-chevron {
    width: 18px;
    height: 18px;
    flex: none;
}