/* 左側選單：無圖示、緊湊間距（z-index 需高於 wrapper，否則收折後 hover／點擊會被內容層擋住） */
#kt_aside {
    height: 100vh;
    z-index: 1001;
}
#kt_aside_menu_wrapper {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}
#kt_aside_menu {
    height: 100% !important;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
/* 收折時隱藏子選單（accordion open 也不要在 70px 寬度內展開） */
@media (min-width: 992px) {
    body.aside-minimize:not(.aside-minimize-hover) #kt_aside_menu .menu-nav > .menu-item > .menu-submenu {
        display: none !important;
    }
}
#kt_aside_menu .menu-icon {
    display: none !important;
}
/* 主選單折疊箭頭：收合 >、展開 ▼ */
#kt_aside_menu .menu-nav > .menu-item > .menu-link > .menu-arrow {
    display: flex !important;
    flex: 0 0 16px;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    color: #a2a3b7;
}
#kt_aside_menu .menu-nav > .menu-item > .menu-link > .menu-arrow::before {
    font-family: inherit;
    font-size: 0.85rem;
    content: ">";
    transform: none !important;
}
#kt_aside_menu .menu-nav > .menu-item.menu-item-open > .menu-link > .menu-arrow::before {
    content: "▼";
    transform: none !important;
}
#kt_aside_menu.aside-menu {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
#kt_aside_menu .menu-nav > .menu-separator {
    height: auto;
    overflow: visible;
    margin: 6px 0;
}
#kt_aside_menu .menu-nav > .menu-separator > span {
    display: block;
    height: 0;
    margin: 0 25px;
    /* border-top: 1px solid #9c9c9c; */
}
#kt_aside_menu .menu-nav > hr.menu-nav-divider {
    display: block;
    height: 0;
    margin: 8px 25px;
    border: 0;
    border-top: 1px solid #7e7f83;
    opacity: 1;
}
#kt_aside_menu .menu-nav > .menu-item > .menu-link {
    min-height: 32px;
    padding: 4px 25px;
}
#kt_aside_menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link {
    min-height: 28px;
    padding: 2px 25px 2px 40px;
}
/* 側選單：當前頁面綠底白字 */
#kt_aside_menu .menu-item.menu-item-active > .menu-link,
#kt_aside_menu .menu-item.active > .menu-link {
    background: linear-gradient(90deg, #13988c 0, #25b7aa 100%) !important;
}
#kt_aside_menu .menu-item.menu-item-active > .menu-link .menu-text,
#kt_aside_menu .menu-item.menu-item-active > .menu-link .menu-text-short,
#kt_aside_menu .menu-item.active > .menu-link .menu-text {
    color: #fff !important;
}
/* 側欄收折時顯示 m_topic 前兩字（hover 展開時不套用） */
#kt_aside_menu .menu-text-short {
    display: none;
}
@media (min-width: 992px) {
    body.aside-minimize:not(.aside-minimize-hover) #kt_aside_menu .menu-nav > .menu-separator {
        display: none;
    }
    body.aside-minimize:not(.aside-minimize-hover) #kt_aside_menu .menu-nav > hr.menu-nav-divider {
        display: none;
    }
    body.aside-minimize:not(.aside-minimize-hover) #kt_aside_menu .menu-nav > .menu-item > .menu-link {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 6px 4px;
    }
    body.aside-minimize:not(.aside-minimize-hover) #kt_aside_menu .menu-nav > .menu-item > .menu-link .menu-text {
        display: none !important;
    }
    body.aside-minimize:not(.aside-minimize-hover) #kt_aside_menu .menu-nav > .menu-item > .menu-link .menu-text-short {
        display: flex !important;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-size: 0.8rem;
        line-height: 1.2;
        color: #a2a3b7;
        text-align: center;
    }
    body.aside-minimize:not(.aside-minimize-hover) #kt_aside_menu .menu-nav > .menu-item > .menu-link > .menu-arrow {
        display: none !important;
    }
    /* 收折時：已選大分類綠底 */
    body.aside-minimize:not(.aside-minimize-hover) #kt_aside_menu .menu-nav > .menu-item.menu-item-open > .menu-link {
        background-color: #25b7aa !important;
    }
    body.aside-minimize:not(.aside-minimize-hover) #kt_aside_menu .menu-nav > .menu-item.menu-item-open > .menu-link .menu-text-short {
        color: #fff !important;
    }
    /* 收折時：直連選單當前頁綠底白字 */
    body.aside-minimize:not(.aside-minimize-hover) #kt_aside_menu .menu-nav > .menu-item.menu-item-active > .menu-link {
        background-color: #25b7aa !important;
    }
    body.aside-minimize:not(.aside-minimize-hover) #kt_aside_menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-text-short {
        color: #fff !important;
    }
    body.aside-minimize:not(.aside-minimize-hover) #kt_aside_menu .menu-nav > .menu-item:not(.menu-item-submenu) > .menu-link {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 6px 4px;
    }
    body.aside-minimize:not(.aside-minimize-hover) #kt_aside_menu .menu-nav > .menu-item:not(.menu-item-submenu) > .menu-link .menu-text {
        display: none !important;
    }
    body.aside-minimize:not(.aside-minimize-hover) #kt_aside_menu .menu-nav > .menu-item:not(.menu-item-submenu) > .menu-link .menu-text-short {
        display: flex !important;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-size: 0.8rem;
        line-height: 1.2;
        color: #a2a3b7;
        text-align: center;
        white-space: nowrap;
    }
    body.aside-minimize:not(.aside-minimize-hover) #kt_aside_menu .menu-nav > .menu-item.menu-item-has-badge > .menu-link > .cms-menu-badge {
        position: absolute;
        top: 2px;
        right: 2px;
        min-width: 14px;
        height: 14px;
        margin-left: 0;
        padding: 0 3px;
        border-radius: 7px;
        font-size: 9px;
        font-weight: 700;
        line-height: 1;
        transform: translate(15%, -15%);
        z-index: 1;
        pointer-events: none;
    }

    /* hover 展開時強制還原完整選單樣式 */
    body.aside-minimize-hover #kt_aside_menu .menu-nav > .menu-item > .menu-link {
        flex-direction: row !important;
        justify-content: flex-start !important;
        align-items: center !important;
        padding: 4px 25px !important;
    }
    body.aside-minimize-hover #kt_aside_menu .menu-nav > .menu-item > .menu-link .menu-text {
        display: flex !important;
    }
    body.aside-minimize-hover #kt_aside_menu .menu-nav > .menu-item > .menu-link .menu-text-short {
        display: none !important;
    }
    body.aside-minimize-hover #kt_aside_menu .menu-nav > .menu-item > .menu-link > .menu-arrow {
        display: flex !important;
    }
    body.aside-minimize-hover #kt_aside_menu .menu-nav > .menu-separator,
    body.aside-minimize-hover #kt_aside_menu .menu-nav > hr.menu-nav-divider {
        display: block;
    }
}

/* 緊湊模式列表 */
.compact_style_list .table .btn{
    padding: 0.25rem 0.5rem;
}
.compact_style_list .table td{
    padding: 0.25rem 0.5rem;
}
.compact_style_list .card .pro-img {
    width: 100%;
    max-width: 100px;
    max-height: 35px;
}



.compact_style_list .table-text{
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis; /* 如果內容超出，顯示省略號 */
    white-space: nowrap;
}

@media (min-width: 992px) {
    .header-fixed.subheader-fixed.subheader-enabled .wrapper {
        padding-top: 10px;
    }
}

/* 新增子分類：資料夾 + 加號 SVG */
.btn .icon-folder-plus {
	display: inline-block;
	vertical-align: -2px;
	width: 16px;
	height: 16px;
}

/* Switch 未選取時加深（勿用 :empty，checkbox 永遠 empty 會蓋掉已選取綠色） */
.switch.switch-outline.switch-primary input:not(:checked) ~ span:before,
.switch.switch-outline.switch-secondary input:not(:checked) ~ span:before,
.switch.switch-outline.switch-success input:not(:checked) ~ span:before,
.switch.switch-outline.switch-info input:not(:checked) ~ span:before,
.switch.switch-outline.switch-warning input:not(:checked) ~ span:before,
.switch.switch-outline.switch-danger input:not(:checked) ~ span:before,
.switch.switch-outline.switch-dark input:not(:checked) ~ span:before,
.switch.switch-outline.switch-light input:not(:checked) ~ span:before,
.switch.switch-outline input:not(:checked) ~ span:before {
	border: 2px solid #A1A5B7 !important;
	background-color: transparent !important;
}
.switch.switch-outline.switch-primary input:not(:checked) ~ span:after,
.switch.switch-outline.switch-secondary input:not(:checked) ~ span:after,
.switch.switch-outline.switch-success input:not(:checked) ~ span:after,
.switch.switch-outline.switch-info input:not(:checked) ~ span:after,
.switch.switch-outline.switch-warning input:not(:checked) ~ span:after,
.switch.switch-outline.switch-danger input:not(:checked) ~ span:after,
.switch.switch-outline.switch-dark input:not(:checked) ~ span:after,
.switch.switch-outline.switch-light input:not(:checked) ~ span:after,
.switch.switch-outline input:not(:checked) ~ span:after {
	background-color: #A1A5B7 !important;
}
.switch.switch-primary:not(.switch-outline) input:not(:checked) ~ span:before,
.switch.switch-secondary:not(.switch-outline) input:not(:checked) ~ span:before,
.switch.switch-success:not(.switch-outline) input:not(:checked) ~ span:before,
.switch.switch-info:not(.switch-outline) input:not(:checked) ~ span:before,
.switch.switch-warning:not(.switch-outline) input:not(:checked) ~ span:before,
.switch.switch-danger:not(.switch-outline) input:not(:checked) ~ span:before,
.switch.switch-dark:not(.switch-outline) input:not(:checked) ~ span:before,
.switch:not(.switch-outline) input:not(:checked) ~ span:before {
	background-color: #A1A5B7 !important;
}

/* 已選取維持各色系原色（success 為綠色） */
.switch.switch-outline.switch-success input:checked ~ span:before {
	border: 2px solid #1BC5BD !important;
	background-color: transparent !important;
}
.switch.switch-outline.switch-success input:checked ~ span:after {
	color: #ffffff !important;
	background-color: #1BC5BD !important;
}
.switch.switch-outline.switch-warning input:checked ~ span:before {
	border: 2px solid #FFA800 !important;
	background-color: transparent !important;
}
.switch.switch-outline.switch-warning input:checked ~ span:after {
	color: #ffffff !important;
	background-color: #FFA800 !important;
}
.switch.switch-outline.switch-primary input:checked ~ span:before {
	border: 2px solid #3699FF !important;
	background-color: transparent !important;
}
.switch.switch-outline.switch-primary input:checked ~ span:after {
	color: #ffffff !important;
	background-color: #3699FF !important;
}