@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.bundle.scp.css';

/* /Components/Layout/BodyLayout.razor.rz.scp.css */

/* /Components/Layout/MainLayout.razor.rz.scp.css */
.main-content[b-owwgmshtis] {
    position:fixed;
    display: flex;
    flex-direction:row;
    z-index: 1;
    background-color: white;
}




.top-padding[b-owwgmshtis] {
    /*top: 5rem;*/
}

#blazor-error-ui[b-owwgmshtis] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-owwgmshtis] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.cus-scroll-container[b-owwgmshtis] {
    overflow-x: scroll;
    overflow-y: hidden; /* ���ش�ֱ������ */
    scrollbar-width: none; /* ���Firefox */
}

    /* ���Webkit�������Chrome, Safari�����ع����� */
    .cus-scroll-container[b-owwgmshtis]::-webkit-scrollbar {
        display: none;
    }

/* /Components/Layout/NavMenu.razor.rz.scp.css */
.main-head-menu-td[b-k17cwqxzxc] {
    word-break: keep-all;
    white-space: nowrap;
}

.main-menu-item-radio[b-k17cwqxzxc] {
    display: none;
}

.main-menu-item-text[b-k17cwqxzxc] {
    cursor: pointer;
    color: #cfcfcf;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.main-menu-item-radio:checked + .main-menu-item-text[b-k17cwqxzxc] {
    color: #ffffff;
    background-color: #64759E;
}

.scroll-container[b-k17cwqxzxc] {
    scrollbar-width: none; /* For Firefox */
}

    .scroll-container[b-k17cwqxzxc]::-webkit-scrollbar {
        display: none; /* For Chrome, Safari, and Opera */
    }

.main_menu_content[b-k17cwqxzxc] {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: -webkit-fill-available;
}

.main_menu_item_box[b-k17cwqxzxc] {
    display: flex;
    align-items: center;
}
.main_menu_item_box_icon[b-k17cwqxzxc] {
    width: 24px;
    display:flex;
}
.main_menu_item_box_label[b-k17cwqxzxc] {
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: center;
    cursor:pointer;
}

.main_menu_item_box_icon_svg[b-k17cwqxzxc] {
    stroke: #8F9BBA;
}
.nav-link:hover[b-k17cwqxzxc], .nav-link:focus[b-k17cwqxzxc] {
    color: var(--bs-nav-link-hover-color);
    background: #7551FF;
    stroke: #FFFFFF;
}
/* /Components/Layout/SubMenu.razor.rz.scp.css */
.main-head-submenu-td[b-1vwwc1uez0] {
    white-space: nowrap;
    height: 100%;
    border-bottom: 4px solid rgba(233, 237, 247, 1);
    display: flex;
    align-items: center;
}

.main-submenu-item-radio[b-1vwwc1uez0] {
    display: none;
}

.main-submenu-item-text[b-1vwwc1uez0] {
    cursor: pointer;
    color: #2B3674;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: -webkit-fill-available;
    height: -webkit-fill-available;
    align-content: center;
    padding: 0 20px;
}
.main-head-submenu-td:hover[b-1vwwc1uez0] {
    background-color: rgba(223, 227, 237, 1);
}
.main-head-submenu-td:has(.main-submenu-item-radio:checked)[b-1vwwc1uez0] {
    border-bottom: 4px solid rgba(67, 24, 255, 1);
}
/*.main-menu-subitem-radio:checked + .main-submenu-item-text {*/
    /*color: #ffffff;*/
    /*background-color: #64759E;*/
    /*border-bottom: 4px solid rgba(67, 24, 255, 1);
}*/
/* /Components/Pages/AccountSetting/AppParameterList.razor.rz.scp.css */
/* 系統參數頁面 — scoped styles. Aligns typography / spacing / colors with
   the site design tokens (#2B3674 primary, #E0E5F2 border, #A3AED0 muted)
   instead of the ad-hoc #eee / #666 / #888 used inline previously. */

.appparam-list[b-at7l9hl8yu] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Override edit_form_body_pan's default row layout so section title +
   stacked rows render top-to-bottom; tighten the bottom padding because
   each row already contributes its own vertical rhythm. */
.appparam-section[b-at7l9hl8yu] {
    flex-direction: column;
    align-items: stretch;
    padding: 4px 30px 16px 30px;
}

.appparam-section-title[b-at7l9hl8yu] {
    color: #2B3674;
    font-family: Inter;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    padding: 14px 0;
    border-bottom: 1px solid #E0E5F2;
}

.appparam-row[b-at7l9hl8yu] {
    display: grid;
    grid-template-columns: 1fr 280px 100px;
    column-gap: 24px;
    align-items: start;
    padding: 18px 0;
}

    .appparam-row + .appparam-row[b-at7l9hl8yu] {
        border-top: 1px solid #E0E5F2;
    }

.appparam-row-label[b-at7l9hl8yu] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.appparam-row-desc[b-at7l9hl8yu] {
    color: #707EAE;
    font-family: Inter;
    font-size: 13px;
    line-height: 1.5;
}

.appparam-row-value[b-at7l9hl8yu] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.appparam-row-range[b-at7l9hl8yu] {
    color: #A3AED0;
    font-family: Inter;
    font-size: 12px;
    line-height: 1.4;
}

/* List rows use a compact button that matches the input height (~41px)
   rather than the form-page default 49px which would feel oversized when
   repeated on every row. */
.appparam-btn[b-at7l9hl8yu] {
    width: 100px;
    height: 40px;
    padding: 0 16px;
    font-size: 15px;
    border-radius: 8px;
}

.appparam-empty[b-at7l9hl8yu] {
    padding: 24px;
    text-align: center;
    color: #A3AED0;
    font-family: Inter;
    font-size: 14px;
}