.sky-collapse.ant-collapse {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
   
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: 'tnum';
    background-color: #e4faff;
    border: 1px solid #aad6ff;
    border-bottom: 0;
    border-radius: 6px;
}
    .sky-collapse.ant-collapse > .ant-collapse-item > .ant-collapse-header {
        color: #1879a0 !important;
    }
.ant-form-item .ant-col-16 {
    display: block;
     max-width: 100%;
}
.ant-input {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 32px;
    padding-top: 10.5px ;
    padding-bottom: 10.5px;
 
}
.ant-form-item .ant-picker {
    padding-top: 10.5px;
    padding-bottom: 10.5px;
    width: 100% !important;
}
.ant-input-group.ant-input-group-compact > *:last-child, .ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector, .ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input, .ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
    border-right-width: 1px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
.ant-input-group-compact .noborder{
    border:none !important;
}


.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab-active {
    background-color: #d9f9ff;
    border: 1px solid #36dce3;
    border-radius: 10px 0px 0px 10px;
    border-right: 4px solid #1cc3fc;
}


.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab {
    margin: 0;
    padding: 8px 16px;
    background: #f6feff;
    border-radius: 10px 0px 0px 10px !important;
    border: 1px solid #b0e9ff;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs {
    border: 1px solid #c8e8ec;
     padding: 10px;
    border-radius: 10px;
}
.ant-form-item .ant-input-number {
    padding-top: 0px;
    padding-bottom: 0px;
    width: 100% !important;
}
 .ant-form-item .ant-picker {
     padding-top: 3px; 
     padding-bottom: 3px; 
    width: 100% !important;
}
.swal2-icon {
    animation: none !important;
    -webkit-animation: none !important;
    width: 80px !important;
    height: 80px !important;
    transform: scale(0.5); /* ย่อขนาดลง 50% */
    transform-origin: center center;
    margin-bottom: 0px !important;
}
div:where(.swal2-icon).swal2-success .swal2-success-ring {
    position: absolute;
    z-index: 2;
    top: -0.25em;
    left: -0.25em;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    border: .25em solid rgb(165 220 134);
    border-radius: 50%;
}
.swal2-html-container {
    margin-top: 0 !important;
   
}
div:where(.swal2-container) h2:where(.swal2-title) {
    position: relative;
    max-width: 100%;
    margin: 0;
    padding: 0em 1em 0;
    color: inherit;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    text-transform: none;
    word-wrap: break-word;
}
.ant-notification  {
    
    z-index: 999999 !important;
}
.tag-large {
    font-size: 16px !important;
    padding: 4px 4px !important;
    line-height: 1.25 !important;
  
}
.tag-medium {
    font-size: 14px !important;
    padding: 4px 4px !important;
    line-height: 1 !important;
}
.custom-confirm-popup .ant-modal-content {
    border-radius: 12px;
}

.custom-confirm-popup .ant-modal-header {
    background-color: #f0f0f0 !important;
    border-bottom: 2px solid #1890ff !important;
}

.custom-confirm-popup .ant-modal-title {
    color: #d32f2f !important;
    font-weight: bold !important;
}

.custom-confirm-popup .ant-modal-body {
    padding: 24px;
    font-size: 16px;
}

.custom-confirm-popup .ant-btn-primary {
    background-color: #d32f2f;
}
/* ============================================================
   AntDesign InputNumber ใน floating-label-wrapper

   ปัญหา: InputNumber มี 3 ชั้น
     .ant-input-number > .ant-input-number-input-wrap > .ant-input-number-input
   padding-top ที่ wrapper ใส่ให้ช่องอื่น ไปลงที่ชั้นนอก
   แต่ความสูง 40px ของ AntDesign อยู่ที่ชั้นใน
   กล่องจึงสูง = padding-top + 40px และตัวเลขไปอยู่ครึ่งล่าง

   วิธีแก้: ย้าย padding-top ไปไว้ชั้นในที่มีตัวอักษรอยู่
   เหมือนที่ .ant-input ชั้นเดียวทำอยู่
   ============================================================ */

/* ชั้นนอก — ถอด padding แนวตั้งออกให้หมด เหลือแค่ขอบกับความสูงรวม */
.floating-label-wrapper .ant-input-number {
    width: 100% !important;
    box-sizing: border-box;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: auto !important;
    min-height: 0 !important;
}

/* ชั้นกลาง — ไม่ต้องมีความสูงของตัวเอง */
.floating-label-wrapper .ant-input-number-input-wrap {
    height: auto !important;
    min-height: 0 !important;
}

/* ชั้นใน — ที่ที่ตัวเลขอยู่จริง ใส่ padding-top ตรงนี้แทน
   ค่า 22px คือพื้นที่ให้ label ด้านบน ต้องตรงกับที่ช่องอื่นใช้ (ดูวิธีหาด้านล่าง) */
.floating-label-wrapper .ant-input-number-input {
    box-sizing: border-box !important;
    height: auto !important;
    padding: 22px 11px 6px 11px !important;
    line-height: 1.4 !important;
    border: 0 !important;
    background: transparent !important;
}

/* ปุ่มลูกศรขึ้นลง — ให้สูงเต็มกล่องและอยู่ชิดขวา */
.floating-label-wrapper .ant-input-number-handler-wrap {
    top: 0;
    bottom: 0;
    height: auto;
    border-radius: 0 6px 6px 0;
}
/* ซ่อนตัวเลือก 50 กับ 100 ใน dropdown จำนวนแถวต่อหน้า
   ใช้เมื่อ PageSizeOptions ของ Table ไม่มีผลในเวอร์ชันที่ใช้
   nth-child อิงลำดับ ถ้า AntDesign เปลี่ยนชุด default เมื่อไหร่ต้องแก้ตาม */
.psu-pm__table .ant-pagination-options .ant-select-item:nth-child(n+3) {
    display: none;
}