@charset "utf-8";
/* =========================================================
   IRRS / StreetLight Form CSS
   表單共用樣式：延續主版深藍金色系
   ========================================================= */


/* =========================================================
   Theme Variables
   如果 CommonSite.css 已有 :root，這裡會補充，不衝突
   ========================================================= */

:root {
    --irrs-navy-1: #06111F;
    --irrs-navy-2: #0B1D33;
    --irrs-navy-3: #102A43;
    --irrs-gold: #F5C85B;
    --irrs-gold-2: #D99A2B;
    --irrs-bg: #F3F6F9;
    --irrs-card: #FFFFFF;
    --irrs-card-soft: #F8FAFC;
    --irrs-text: #111827;
    --irrs-muted: #64748B;
    --irrs-line: #D9E2EC;
    --irrs-success: #166534;
    --irrs-danger: #B91C1C;
    --irrs-warning: #92400E;
    --irrs-radius-sm: 6px;
    --irrs-radius-md: 10px;
    --irrs-radius-lg: 14px;
    --irrs-shadow-sm: 0 4px 12px rgba(15, 23, 42, .08);
    --irrs-shadow-md: 0 10px 28px rgba(15, 23, 42, .12);
}


/* =========================================================
   Base
   ========================================================= */

html,
body {
    min-height: 100%;
}

body {
    background: var(--irrs-bg);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans TC", "Microsoft JhengHei", "微軟正黑體", Arial, sans-serif;
    color: var(--irrs-text);
    padding-top: 10px;
    padding-bottom: 10px;
    overflow-x: hidden;
}

body {
    background: radial-gradient(circle at 20% 0%, rgba(245, 200, 91, 0.10), transparent 28%), linear-gradient(180deg, #DCE6EF 0%, #CEDAE6 100%) !important;
}

/* 修正原本 selector 寫法 tr td div span h1 h2... 無效的問題 */
tr,
td,
div,
span,
h1,
h2,
h3,
h4 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans TC", "Microsoft JhengHei", "微軟正黑體", Arial, sans-serif;
}

/* =========================
   IRRS Form Visual Layer - Unified Card Surface
   修正 FormLayout 白邊 / 色塊斷層
   ========================= */

body {
    background: #D4DEE9 !important;
}

/* 表單卡片 */
.irrs-form-card {
    background: #EAF1F6 !important;
    border: 1px solid #B8CADB !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.13) !important;
    overflow: hidden;
}

.irrs-form-card {
    background: #EAF1F6 !important;
    border: 1px solid #B8CADB !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.13) !important;
    overflow: visible !important;
    position: relative;
    z-index: 20;
}

    .irrs-form-card .irrs-card-header {
        border-top-left-radius: 14px;
        border-top-right-radius: 14px;
    }

    .irrs-form-card .card-body {
        position: relative;
        z-index: 21;
    }

    /* 卡片內容區：跟 FormLayout 同色，不要露白邊 */
    .irrs-form-card .card-body,
    .irrs-form-card .panel-body {
        background: #EAF1F6 !important;
        padding: 14px 16px !important;
    }

    /* DevExpress FormLayout 外層同色，但不要壓到 Editor / ComboBox */
    .irrs-form-card .dxflFormLayout,
    .irrs-form-card .dxflFormLayout_Office2010Blue,
    .irrs-form-card .dxflGroup,
    .irrs-form-card .dxflGroup_Office2010Blue,
    .irrs-form-card .dxflGroupCell,
    .irrs-form-card .dxflGroupCell_Office2010Blue,
    .irrs-form-card .dxflItem,
    .irrs-form-card .dxflItem_Office2010Blue,
    .irrs-form-card .dxflCaptionCell,
    .irrs-form-card .dxflCaptionCell_Office2010Blue,
    .irrs-form-card .dxflNestedControlCell,
    .irrs-form-card .dxflNestedControlCell_Office2010Blue,
    .irrs-form-card .dxflCLLSys,
    .irrs-form-card .dxflHALSys,
    .irrs-form-card .dxflVATSys {
        background: #EAF1F6 !important;
        background-color: #EAF1F6 !important;
    }

    /* 只處理 FormLayout 自己的直層 table，不處理 Editor 內部 table */
    .irrs-form-card:not(.irrs-calendar-card) > .card-body > table,
    .irrs-form-card:not(.irrs-calendar-card) > .card-body > table > tbody,
    .irrs-form-card:not(.irrs-calendar-card) > .card-body > table > tbody > tr,
    .irrs-form-card:not(.irrs-calendar-card) > .card-body > table > tbody > tr > td {
        background: #EAF1F6 !important;
        background-color: #EAF1F6 !important;
    }

    /* 群組框：同色，只留淡淡邊框，不再用不同底色 */
    .irrs-form-card fieldset,
    .irrs-form-card .dxflGroupBox,
    .irrs-form-card .dxflGroupBox_Office2010Blue {
        background: #EAF1F6 !important;
        background-color: #EAF1F6 !important;
        border: 1px solid #C4D3E0 !important;
        border-radius: 14px !important;
        padding: 14px !important;
        margin-bottom: 14px !important;
    }

    /* 群組標題 */
    .irrs-form-card legend,
    .irrs-form-card .dxflGroupBoxCaption,
    .irrs-form-card .dxflGroupBoxCaption_Office2010Blue {
        color: #64748B !important;
        background: #EAF1F6 !important;
        font-weight: 900 !important;
        padding: 0 8px !important;
    }

    /* Label / Caption：只染標題，不染內容值 */
    .irrs-form-card .dxflCaptionCell,
    .irrs-form-card .dxflCaptionCell_Office2010Blue {
        color: #0B6623 !important;
        font-weight: 900 !important;
    }

        /* caption 內的 span 才染綠 */
        .irrs-form-card .dxflCaptionCell > span,
        .irrs-form-card .dxflCaptionCell_Office2010Blue > span,
        .irrs-form-card .dxflCaptionCell label,
        .irrs-form-card .dxflCaptionCell_Office2010Blue label {
            color: #0B6623 !important;
            font-weight: 900 !important;
        }

    /* 內容值區：恢復深灰，不要跟 caption 一樣 */
    .irrs-form-card .dxflNestedControlCell,
    .irrs-form-card .dxflNestedControlCell_Office2010Blue,
    .irrs-form-card .dxflNestedControlCell span,
    .irrs-form-card .dxflNestedControlCell_Office2010Blue span,
    .irrs-form-card .dxflNestedControlCell .dx-vam,
    .irrs-form-card .dxflNestedControlCell_Office2010Blue .dx-vam {
        color: #172033 !important;
        font-weight: 600 !important;
    }

    /* 可編輯欄位：白底即可，只有輸入區白 */
    .irrs-form-card .dxeTextBoxSys:not(.dxeReadOnly):not(.dxeDisabled),
    .irrs-form-card .dxeButtonEditSys:not(.dxeReadOnly):not(.dxeDisabled),
    .irrs-form-card .dxeMemoSys:not(.dxeReadOnly):not(.dxeDisabled),
    .irrs-form-card .dxeTextBox_Office2010Blue:not(.dxeReadOnly_Office2010Blue):not(.dxeDisabled_Office2010Blue),
    .irrs-form-card .dxeButtonEdit_Office2010Blue:not(.dxeReadOnly_Office2010Blue):not(.dxeDisabled_Office2010Blue),
    .irrs-form-card .dxeMemo_Office2010Blue:not(.dxeReadOnly_Office2010Blue):not(.dxeDisabled_Office2010Blue) {
        background: #FFFFFF !important;
        background-color: #FFFFFF !important;
        border: 1px solid #BFCBDD !important;
        border-radius: 10px !important;
    }

        /* 可編輯欄位內層同步白底 */
        .irrs-form-card .dxeTextBoxSys:not(.dxeReadOnly):not(.dxeDisabled) td,
        .irrs-form-card .dxeButtonEditSys:not(.dxeReadOnly):not(.dxeDisabled) td,
        .irrs-form-card .dxeMemoSys:not(.dxeReadOnly):not(.dxeDisabled) td,
        .irrs-form-card .dxeTextBoxSys:not(.dxeReadOnly):not(.dxeDisabled) input,
        .irrs-form-card .dxeButtonEditSys:not(.dxeReadOnly):not(.dxeDisabled) input,
        .irrs-form-card .dxeMemoSys:not(.dxeReadOnly):not(.dxeDisabled) textarea {
            background: #FFFFFF !important;
            background-color: #FFFFFF !important;
        }

    /* readonly / disabled：跟表單底一致，避免白色長條 */
    .irrs-form-card .dxeReadOnly,
    .irrs-form-card .dxeDisabled,
    .irrs-form-card .dxeReadOnly_Office2010Blue,
    .irrs-form-card .dxeDisabled_Office2010Blue,
    .irrs-form-card input[readonly],
    .irrs-form-card textarea[readonly],
    .irrs-form-card input:disabled,
    .irrs-form-card textarea:disabled,
    .irrs-form-card .dxeReadOnly input,
    .irrs-form-card .dxeDisabled input,
    .irrs-form-card .dxeReadOnly textarea,
    .irrs-form-card .dxeDisabled textarea,
    .irrs-form-card .dxeReadOnly_Office2010Blue input,
    .irrs-form-card .dxeDisabled_Office2010Blue input,
    .irrs-form-card .dxeReadOnly_Office2010Blue textarea,
    .irrs-form-card .dxeDisabled_Office2010Blue textarea,
    .irrs-form-card .dxeReadOnly td,
    .irrs-form-card .dxeDisabled td,
    .irrs-form-card .dxeReadOnly_Office2010Blue td,
    .irrs-form-card .dxeDisabled_Office2010Blue td {
        background: #EAF1F6 !important;
        background-color: #EAF1F6 !important;
        color: #172033 !important;
        opacity: 1 !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }

    /* Focus：柔和黃 */
    .irrs-form-card .dxeFocused,
    .irrs-form-card .dxeFocused_Office2010Blue,
    .irrs-form-card .dxeFocused td,
    .irrs-form-card .dxeFocused_Office2010Blue td,
    .irrs-form-card .dxeFocused input,
    .irrs-form-card .dxeFocused textarea,
    .irrs-form-card .dxeFocused .dxeEditAreaSys,
    .irrs-form-card .dxeFocused_Office2010Blue input,
    .irrs-form-card .dxeFocused_Office2010Blue textarea,
    .irrs-form-card .dxeFocused_Office2010Blue .dxeEditAreaSys {
        background: #FFF4B8 !important;
        background-color: #FFF4B8 !important;
    }

    /* readonly / disabled 不吃 focus 黃底 */
    .irrs-form-card .dxeReadOnly.dxeFocused,
    .irrs-form-card .dxeDisabled.dxeFocused,
    .irrs-form-card .dxeReadOnly_Office2010Blue.dxeFocused_Office2010Blue,
    .irrs-form-card .dxeDisabled_Office2010Blue.dxeFocused_Office2010Blue,
    .irrs-form-card .dxeReadOnly.dxeFocused td,
    .irrs-form-card .dxeDisabled.dxeFocused td,
    .irrs-form-card .dxeReadOnly.dxeFocused input,
    .irrs-form-card .dxeDisabled.dxeFocused input,
    .irrs-form-card .dxeReadOnly_Office2010Blue.dxeFocused_Office2010Blue td,
    .irrs-form-card .dxeDisabled_Office2010Blue.dxeFocused_Office2010Blue td,
    .irrs-form-card .dxeReadOnly_Office2010Blue.dxeFocused_Office2010Blue input,
    .irrs-form-card .dxeDisabled_Office2010Blue.dxeFocused_Office2010Blue input {
        background: #EAF1F6 !important;
        background-color: #EAF1F6 !important;
    }

/* =========================================================
   Main Width
   ========================================================= */

.main_width_top,
.main_width {
    width: 1280px;
    max-width: calc(100vw - 24px);
    margin: 0 auto;
    padding-top: 0;
    clear: both;
}


/* =========================================================
   Form Layout
   ========================================================= */

.form_text {
    width: 88%;
    float: left;
    text-align: left;
}

.form_title {
    width: 12%;
    float: left;
    text-align: right;
    line-height: 1.2em;
    padding-top: 4px;
    color: var(--irrs-muted);
    font-weight: 700;
}

.center {
    margin: 0 auto;
}

.centerText {
    text-align: center;
}

.right {
    position: relative;
    right: 0;
    width: 300px;
    border: 0 solid #73AD21;
    padding: 10px;
}

/* =========================================================
   Page Function Header
   灰藍主視覺 + 左側金線 + 底部漸層動畫線
   ========================================================= */

.function-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 6px 0 10px;
    background: transparent;
    border: none;
    padding: 0;
}

.function-text {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #0B1D33;
    font-family: "Microsoft JhengHei", "微軟正黑體", sans-serif;
    font-weight: 800;
    font-size: 1.12rem;
    line-height: 1.25;
    padding: 10px 14px 14px;
    min-height: 48px;
    margin: 0;
    position: relative;
    overflow: hidden;
    border-left: 5px solid #F5C85B;
    background: linear-gradient(135deg, #F6F9FC 0%, #EAF1F6 55%, #DDE6EF 100%);
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(15, 23, 42, .08);
}

    .function-text i {
        color: #0B1D33;
    }

    .function-text:hover {
        background: linear-gradient(135deg, #FFFFFF 0%, #EEF4FA 55%, #E2EBF4 100%);
        box-shadow: 0 5px 14px rgba(15, 23, 42, .10);
    }

    /* 底部漸層線：Load 時由左至右 */
    .function-text::after {
        content: "";
        position: absolute;
        left: 14px;
        bottom: 7px;
        width: calc(100% - 28px);
        height: 3px;
        border-radius: 999px;
        background: linear-gradient(90deg, #0B2F52 0%, #2F5F85 48%, #8FAFC8 76%, #F5C85B 100%);
        box-shadow: 0 1px 4px rgba(11, 47, 82, .22);
        transform: scaleX(0);
        transform-origin: left center;
        opacity: 0;
        animation: irrsFunctionTitleLine .65s ease-out .12s forwards;
    }

@keyframes irrsFunctionTitleLine {
    0% {
        transform: scaleX(0);
        opacity: 0;
    }

    18% {
        opacity: 1;
    }

    100% {
        transform: scaleX(1);
        opacity: 1;
    }
}

/* 放在 page-action-bar 裡時不要多餘外距 */
.page-action-bar .function-header {
    margin: 0;
}

.page-action-bar .function-text {
    min-height: 44px;
}

/* 手機版 */
@media (max-width: 575.98px) {
    .function-text {
        font-size: 1rem;
        padding: 7px 12px 18px;
        border-radius: 9px;
    }

        .function-text::after {
            left: 12px;
            bottom: 6px;
            width: calc(100% - 24px);
            height: 3px;
        }
}

/* 放在 page-action-bar 裡時不要多餘外距 */
.page-action-bar .function-header {
    margin: 0;
}

.page-action-bar .function-text {
    min-height: 40px;
}

/* =========================================================
   Labels / Inputs
   ========================================================= */

.base_label {
    font-size: medium;
    font-weight: 700;
    color: #334155;
}

.base_input,
.base_input_memo,
.ComboBox1 {
    border-radius: 10px;
    border: 1px solid #CBD5E1;
    padding: 7px 10px;
    font-size: medium;
    color: #111827;
    background: #FFFFFF;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, .04);
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

    .base_input:focus,
    .base_input_memo:focus,
    .ComboBox1:focus {
        border-color: rgba(245, 200, 91, .9);
        outline: none;
        box-shadow: 0 0 0 4px rgba(245, 200, 91, .14), inset 0 1px 2px rgba(15, 23, 42, .04);
        background-color: #FFFFFF;
    }

    .base_input::placeholder,
    .base_input_memo::placeholder {
        color: #94A3B8;
    }



/* =========================================================
   Buttons
   ========================================================= */

/* 舊 btn1 改成較現代的次要按鈕 */
.btn1 {
    width: 60px;
    min-height: 34px;
    border-radius: 10px;
    border: 1px solid #CBD5E1;
    padding: 3px 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: linear-gradient(180deg, #FFFFFF, #F1F5F9);
    color: #0F172A;
    font-family: Arial, "Microsoft JhengHei", sans-serif;
    font-size: medium;
    font-weight: 700;
    line-height: 1.4;
    box-shadow: 0 2px 6px rgba(15, 23, 42, .10);
    cursor: pointer;
    transition: all .15s ease;
}

    .btn1:hover {
        border-color: rgba(245, 200, 91, .65);
        background: linear-gradient(180deg, #FFF7DB, #FCE8A6);
        color: #111827;
        box-shadow: 0 4px 12px rgba(217, 154, 43, .20);
    }

/* 登入或一般提交按鈕 */
.button_login {
    margin: 10px 5px;
    border-radius: 10px;
    border: 0;
    padding: 8px 16px;
    font-size: medium;
    font-weight: 900;
    color: #111827;
    background: linear-gradient(135deg, var(--irrs-gold), var(--irrs-gold-2));
    box-shadow: 0 8px 20px rgba(217, 154, 43, .24);
    cursor: pointer;
    transition: all .15s ease;
}

    .button_login:hover {
        margin: 10px 5px;
        border-radius: 10px;
        border: 0;
        padding: 8px 16px;
        font-size: medium;
        font-weight: 900;
        color: #111827;
        background: linear-gradient(135deg, #FFD979, var(--irrs-gold-2));
        box-shadow: 0 10px 26px rgba(217, 154, 43, .30);
        filter: brightness(1.03);
    }


/* =========================================================
   Document Status
   ========================================================= */

.doc-status {
    border-radius: 999px;
    background: linear-gradient(135deg, #7C2D12, #92400E);
    color: #FFFFFF;
    margin-left: 20px;
    margin-top: 5px;
    padding: 6px 12px;
    min-height: 32px;
    height: auto;
    display: inline-flex;
    align-items: center;
    font-weight: 800;
    box-shadow: 0 4px 12px rgba(124, 45, 18, .20);
}


/* =========================================================
   DevExpress / Table Helpers
   ========================================================= */

.disable .removeButton {
    display: none;
}

.dx_TableInfo .dx_Label_left {
    text-align: left !important;
    font-size: medium;
    color: #334155;
}

.dx_TableCategory {
    text-align: left;
    width: 20%;
    font-weight: 800;
    font-size: medium;
    color: #334155;
}

.dx_Caption {
    text-align: left;
    font-weight: 800;
    font-size: medium;
    color: #334155;
}

.DevProgress_Icon {
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    margin-top: 3px;
}


/* =========================================================
   Grid / Box
   ========================================================= */

.grid_round_corner {
    border-radius: 12px;
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    background: #FFFFFF;
    border: 1px solid var(--irrs-line);
    box-shadow: var(--irrs-shadow-sm);
}

.general-info-box {
    border: 1px solid #CBD5E1;
    border-radius: 12px;
    background: #F8FAFC;
    color: #334155;
    box-shadow: var(--irrs-shadow-sm);
}


/* =========================================================
   Grid Text Colors
   ========================================================= */

.grid-lightno {
    color: #92400E;
    font-weight: 900;
}

.grid-dispatchno {
    color: #166534;
    font-weight: 900;
}


/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 991.98px) {
    .main_width_top,
    .main_width {
        width: 100%;
        max-width: calc(100vw - 20px);
    }

    .form_title,
    .form_text {
        width: 100%;
        float: none;
        text-align: left;
    }

    .form_title {
        margin-bottom: 4px;
    }
}

@media (max-width: 575.98px) {
    body {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .function-text {
        font-size: 1rem;
        padding: 7px 12px;
        border-radius: 9px;
    }

    .base_input,
    .base_input_memo,
    .ComboBox1 {
        font-size: 1rem;
        width: 100%;
        max-width: 100%;
    }

    .btn1 {
        min-height: 36px;
    }
}

/* =========================
   通用 Card Header
   ========================= */
.irrs-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 46px;
    padding: 10px 14px;
    background: linear-gradient(90deg, #08233f 0%, #0b2f52 100%) !important;
    color: #fff !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    font-weight: 900;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
}

.irrs-card-header-title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    font-size: 1rem;
    font-weight: 900;
    color: #fff;
    line-height: 1.2;
}

    .irrs-card-header-title i {
        color: #f4c24f;
        font-size: 0.95rem;
    }

.irrs-card-header-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-shrink: 0;
}

/* =========================
   文件狀態膠囊
   ========================= */
.irrs-doc-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 4px 12px;
    border-radius: 999px;
    background: linear-gradient(135deg, #b45309, #f59e0b);
    color: #fff;
    font-weight: 900;
    font-size: 0.92rem;
    white-space: nowrap;
    line-height: 1;
    box-shadow: 0 4px 10px rgba(180, 83, 9, 0.22);
}

    .irrs-doc-status .dx-vam,
    .irrs-doc-status span {
        color: #fff !important;
        font-weight: 900 !important;
        line-height: 1 !important;
    }

    /* 空白就隱藏 */
    .irrs-doc-status:empty {
        display: none !important;
    }

/* 手機 */
@media (max-width: 575.98px) {
    .irrs-card-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .irrs-card-header-actions {
        width: 100%;
        justify-content: flex-start;
    }
}


.irrs-info-strip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    padding: 7px 12px;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid #dbe3ea;
    color: #0f172a;
    font-weight: 800;
}

    .irrs-info-strip i {
        color: #b8860b;
    }

.irrs-template-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 800;
    text-decoration: none;
}

    .irrs-template-link i {
        color: #198754;
    }

/* =========================
   DevExpress Bootstrap Grid Pager Dropdown z-index fix
   修正「每頁筆數」下拉選單被 Grid 蓋住
   ========================= */

/* 讓頁面主容器不要產生裁切 */
.irrs-page-container,
.irrs-page-container .row,
.irrs-page-container .col-12,
.irrs-page-container .col-md-12,
.irrs-page-container .col-sm-12 {
    overflow: visible !important;
}

    /* Grid 外層允許 pager dropdown 超出 */
    .irrs-page-container .dxbs-gridview,
    .irrs-page-container .dxbs-grid,
    .irrs-page-container .dxbs-gridview .card,
    .irrs-page-container .dxbs-gridview .card-body,
    .irrs-page-container .dxbs-gridview .dxbs-gridview-content,
    .irrs-page-container .dxbs-gridview .dxbs-pager,
    .irrs-page-container .dxbs-gridview .pagination {
        overflow: visible !important;
    }

        /* Pager 與每頁筆數區塊拉高層級 */
        .irrs-page-container .dxbs-gridview .dxbs-pager,
        .irrs-page-container .dxbs-gridview .dxbs-pager-bottom,
        .irrs-page-container .dxbs-gridview .dxbs-pager-top,
        .irrs-page-container .dxbs-gridview .page-size,
        .irrs-page-container .dxbs-gridview .dropdown,
        .irrs-page-container .dxbs-gridview .dropup {
            position: relative !important;
            z-index: 3000 !important;
        }

    /* Bootstrap / DevExpress Bootstrap 下拉選單 */
    .irrs-page-container .dropdown-menu,
    .irrs-page-container .dxbs-dropdown,
    .irrs-page-container .dxbs-dropdown-menu,
    .irrs-page-container .dxbs-popup,
    .irrs-page-container .dxbs-listbox,
    .irrs-page-container .dxbs-listbox-dropdown,
    .irrs-page-container .dxbs-combobox-dropdown {
        z-index: 5000 !important;
    }

/* DevExpress 原生 popup 層，有些 theme 會用這些 class */
.dxpnlControl,
.dxeListBox,
.dxeDropDownWindow,
.dxeDropDownWindow_Office2010Blue,
.dxpcLite,
.dxpcLite_Office2010Blue,
.dxpc-mainDiv,
.dxpc-mainDiv_Office2010Blue {
    z-index: 6000 !important;
}

body > .dropdown-menu,
body > .dxbs-dropdown,
body > .dxbs-dropdown-menu,
body > .dxbs-popup,
body > .dxeDropDownWindow,
body > .dxeDropDownWindow_Office2010Blue,
body > .dxpcLite,
body > .dxpc-mainDiv {
    z-index: 9999 !important;
}

/* =========================
   DevExpress BootstrapGridView
   Pager「每頁筆數」dropdown 被蓋住修正
   ========================= */

/* 讓 Grid 外層不要裁切 dropdown */
.irrs-page-container .dxbs-gridview,
.irrs-page-container .dxbs-gridview > .card,
.irrs-page-container .dxbs-gridview .card-body,
.irrs-page-container .dxbs-gridview .dxbs-gridview-content,
.irrs-page-container .dxbs-gridview .dxbs-pager,
.irrs-page-container .dxbs-gridview .dxbs-pager-bottom,
.irrs-page-container .dxbs-gridview .dxbs-pager-top {
    overflow: visible !important;
}

    /* Pager 本身拉高 */
    .irrs-page-container .dxbs-gridview .dxbs-pager,
    .irrs-page-container .dxbs-gridview .dxbs-pager-bottom,
    .irrs-page-container .dxbs-gridview .dxbs-pager-top {
        position: relative !important;
        z-index: 3000 !important;
    }

    /* BootstrapGridView 的每頁筆數下拉 */
    .irrs-page-container .dxbs-gridview .dropdown,
    .irrs-page-container .dxbs-gridview .dropup,
    .irrs-page-container .dxbs-gridview .dropdown-menu,
    .irrs-page-container .dxbs-gridview .dxbs-dropdown,
    .irrs-page-container .dxbs-gridview .dxbs-dropdown-menu {
        z-index: 5000 !important;
    }

/* 有些下拉會掛到 body 底下 */
body > .dropdown-menu,
body > .dxbs-dropdown,
body > .dxbs-dropdown-menu,
body > .dxbs-popup {
    z-index: 9999 !important;
}

.irrs-grid .dxbs-pager,
.irrs-grid .dxbs-pager-bottom,
.irrs-grid .dxbs-pager-top {
    position: relative !important;
    z-index: 3000 !important;
    overflow: visible !important;
}

.irrs-grid .dropdown-menu,
.irrs-grid .dxbs-dropdown-menu {
    z-index: 5000 !important;
}

/* =========================
   DevExpress ASPxPopupControl z-index fix
   修正 Popup 開啟後畫面霧掉但不能點
   ========================= */

/* Modal 遮罩層 */
.dxpcModalBackLite,
.dxpcModalBackLite_Office2010Blue,
.dxpcModalBack,
.dxpcModalBack_Office2010Blue {
    z-index: 90000 !important;
}

/* Popup 本體必須高於遮罩 */
.dxpcLite,
.dxpcLite_Office2010Blue,
.dxpc-mainDiv,
.dxpc-mainDiv_Office2010Blue,
.dxpcControl,
.dxpcControl_Office2010Blue {
    z-index: 90010 !important;
}

/* Popup 內容也拉高，避免被遮罩吃掉 */
.dxpc-contentWrapper,
.dxpc-contentWrapper_Office2010Blue,
.dxpc-content,
.dxpc-content_Office2010Blue {
    position: relative !important;
    z-index: 90011 !important;
}

/* Popup 內的下拉選單、日期選擇器再高一點 */
.dxeDropDownWindow,
.dxeDropDownWindow_Office2010Blue,
.dxeCalendar,
.dxeCalendar_Office2010Blue,
.dxeListBox,
.dxeListBox_Office2010Blue {
    z-index: 90100 !important;
}

/* Bootstrap dropdown / DevExpress Bootstrap popup */
body > .dropdown-menu,
body > .dxbs-dropdown,
body > .dxbs-dropdown-menu,
body > .dxbs-popup {
    z-index: 90200 !important;
}

/* =========================================================
   Form.css Typography Tuning
   表單 / 卡片 / KPI 字重降階
   目的：保留路燈系統主視覺，但避免整頁文字過重
   ========================================================= */


/* =========================
   Form Caption / 表單欄位標籤
   原本偏 900，降成 800
   ========================= */

.irrs-form-card .dxflCaptionCell,
.irrs-form-card .dxflCaptionCell_Office2010Blue,
.irrs-form-card .dxflCaptionCell > span,
.irrs-form-card .dxflCaptionCell_Office2010Blue > span,
.irrs-form-card .dxflCaptionCell label,
.irrs-form-card .dxflCaptionCell_Office2010Blue label {
    font-weight: 800 !important;
}


/* =========================
   Form Value / 表單內容值
   原本 600 可接受，若覺得還是太重，降成 500
   ========================= */

.irrs-form-card .dxflNestedControlCell,
.irrs-form-card .dxflNestedControlCell_Office2010Blue,
.irrs-form-card .dxflNestedControlCell span,
.irrs-form-card .dxflNestedControlCell_Office2010Blue span,
.irrs-form-card .dxflNestedControlCell .dx-vam,
.irrs-form-card .dxflNestedControlCell_Office2010Blue .dx-vam {
    font-weight: 500 !important;
}


/* =========================
   Card Header / 卡片標題
   原本 900，降成 800
   ========================= */

.irrs-card-header {
    font-weight: 800 !important;
}

.irrs-card-header-title {
    font-weight: 800 !important;
}


    /* 卡片標題 icon 維持金色，不要太大 */
    .irrs-card-header-title i {
        font-weight: 700 !important;
    }


/* =========================
   Function Header / 頁面標題
   保留較強，但從 900 降到 800
   ========================= */

.function-text {
    font-weight: 800 !important;
}


/* =========================
   Document Status / 文件狀態膠囊
   狀態仍要明顯，但不要過重
   ========================= */

.irrs-doc-status {
    font-weight: 800 !important;
}

    .irrs-doc-status .dx-vam,
    .irrs-doc-status span {
        font-weight: 800 !important;
    }

.doc-status {
    font-weight: 800 !important;
}


/* =========================
   Buttons / 按鈕
   一般按鈕降成 700
   ========================= */

.btn1 {
    font-weight: 700 !important;
}

.button_login,
.button_login:hover {
    font-weight: 800 !important;
}


/* =========================
   Labels / 一般標籤
   ========================= */

.base_label {
    font-weight: 700 !important;
}

.dx_TableCategory,
.dx_Caption {
    font-weight: 700 !important;
}


/* =========================
   Grid Helper Text
   重要欄位可以保留 800，不要到 900
   ========================= */

.grid-lightno,
.grid-dispatchno {
    font-weight: 800 !important;
}


/* =========================
   Info Strip / 提示列
   ========================= */

.irrs-info-strip {
    font-weight: 700 !important;
}

.irrs-template-link {
    font-weight: 700 !important;
}


/* =========================
   KPI / 合約使用狀況
   小標題降，金額保留重點
   ========================= */

.kpi-label {
    font-weight: 700 !important;
}

.kpi-value {
    font-weight: 800 !important;
}

.kpi-progress-percent {
    font-weight: 700 !important;
}


/* =========================
   Amount Panel / 金額面板
   label 降，value 保留
   ========================= */

.irrs-amount-label {
    font-weight: 700 !important;
}

.irrs-amount-help {
    font-weight: 500 !important;
}

.irrs-amount-value,
.irrs-amount-value-lg,
.irrs-amount-major {
    font-weight: 800 !important;
}

.irrs-amount-final-label {
    font-weight: 700 !important;
}

.irrs-amount-final-value {
    font-weight: 800 !important;
}


/* =========================
   Mobile
   手機上字太粗會更擠，再降一點
   ========================= */

@media (max-width: 575.98px) {
    .irrs-form-card .dxflCaptionCell,
    .irrs-form-card .dxflCaptionCell_Office2010Blue,
    .irrs-form-card .dxflCaptionCell > span,
    .irrs-form-card .dxflCaptionCell_Office2010Blue > span,
    .irrs-form-card .dxflCaptionCell label,
    .irrs-form-card .dxflCaptionCell_Office2010Blue label {
        font-weight: 700 !important;
    }

    .irrs-card-header-title {
        font-weight: 800 !important;
    }

    .function-text {
        font-weight: 800 !important;
    }

    .kpi-label,
    .irrs-amount-label {
        font-weight: 700 !important;
    }
}

/* =========================================================
   DevExpress ASPxComboBox Dropdown
   清爽版：淡金 Hover / 藍灰 Selected / 灰底 Disabled
   ========================================================= */

/* 下拉清單外框 */
.dxeDropDownWindow,
.dxeDropDownWindow_Office2010Blue,
.dxeListBox,
.dxeListBox_Office2010Blue {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    background-image: none !important;
    border: 1px solid #D8C58A !important;
    box-shadow: 0 12px 26px rgba(15, 23, 42, 0.16) !important;
}

/* 一般 item */
.dxeListBoxItem,
.dxeListBoxItem_Office2010Blue,
.dxeListBoxItem td,
.dxeListBoxItem_Office2010Blue td,
tr.dxeListBoxItem > td,
tr.dxeListBoxItem_Office2010Blue > td {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    background-image: none !important;
    color: #172033 !important;
    font-weight: 650 !important;
}

    /* 一般 item 文字 */
    .dxeListBoxItem *,
    .dxeListBoxItem_Office2010Blue *,
    tr.dxeListBoxItem > td *,
    tr.dxeListBoxItem_Office2010Blue > td * {
        color: #172033 !important;
        font-weight: 650 !important;
    }

/* =========================================================
   Hover / Focus item
   淡金米色底 + 深字，清爽但明顯
   ========================================================= */
.dxeListBoxItemHover,
.dxeListBoxItemHover_Office2010Blue,
.dxeListBoxItemHover td,
.dxeListBoxItemHover_Office2010Blue td,
tr.dxeListBoxItemHover > td,
tr.dxeListBoxItemHover_Office2010Blue > td {
    background-position: 0% 0%;
    background-color: #FFF1C7 !important;
    background-image: linear-gradient(90deg, #FFE7A3 0%, #FFF1C7 48%, #FFF8E6 100%) !important !important;
    color: #0B1D33 !important;
    font-weight: 800 !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
}

    /* Hover / Focus item 文字 */
    .dxeListBoxItemHover *,
    .dxeListBoxItemHover_Office2010Blue *,
    tr.dxeListBoxItemHover > td *,
    tr.dxeListBoxItemHover_Office2010Blue > td * {
        color: #0B1D33 !important;
        font-weight: 800 !important;
        background: transparent !important;
        background-image: none !important;
    }

    /* Hover 左側細光條 */
    tr.dxeListBoxItemHover > td:first-child,
    tr.dxeListBoxItemHover_Office2010Blue > td:first-child {
        box-shadow: inset 4px 0 0 #E2A93B !important;
    }

/* =========================================================
   Selected item
   淺藍灰底 + 深藍字，跟 Hover 區隔
   ========================================================= */
.dxeListBoxItemSelected,
.dxeListBoxItemSelected_Office2010Blue,
.dxeListBoxItemSelected td,
.dxeListBoxItemSelected_Office2010Blue td,
tr.dxeListBoxItemSelected > td,
tr.dxeListBoxItemSelected_Office2010Blue > td {
    background-position: 0% 0%;
    background-color: #DCEAF5 !important;
    background-image: linear-gradient(90deg, #D5E5F1 0%, #E8F2FA 100%) !important !important;
    color: #0B2F52 !important;
    font-weight: 800 !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
}

    /* Selected item 文字 */
    .dxeListBoxItemSelected *,
    .dxeListBoxItemSelected_Office2010Blue *,
    tr.dxeListBoxItemSelected > td *,
    tr.dxeListBoxItemSelected_Office2010Blue > td * {
        color: #0B2F52 !important;
        font-weight: 800 !important;
        background: transparent !important;
        background-image: none !important;
    }

    /* Selected 左側標記 */
    tr.dxeListBoxItemSelected > td:first-child,
    tr.dxeListBoxItemSelected_Office2010Blue > td:first-child {
        box-shadow: inset 4px 0 0 #5B8FB9 !important;
    }

    /* =========================================================
   Selected + Hover
   滑到已選項目：仍以 Hover 為主
   ========================================================= */
    .dxeListBoxItemSelected.dxeListBoxItemHover,
    .dxeListBoxItemSelected_Office2010Blue.dxeListBoxItemHover_Office2010Blue,
    .dxeListBoxItemSelected.dxeListBoxItemHover td,
    .dxeListBoxItemSelected_Office2010Blue.dxeListBoxItemHover_Office2010Blue td,
    tr.dxeListBoxItemSelected.dxeListBoxItemHover > td,
    tr.dxeListBoxItemSelected_Office2010Blue.dxeListBoxItemHover_Office2010Blue > td {
        background-position: 0% 0%;
    background-color: #FFE7A3 !important;
        background-image: linear-gradient(90deg, #FFD978 0%, #FFE7A3 48%, #FFF3D1 100%) !important !important;
        color: #0B1D33 !important;
        font-weight: 850 !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
}

        /* Selected + Hover 文字 */
        .dxeListBoxItemSelected.dxeListBoxItemHover *,
        .dxeListBoxItemSelected_Office2010Blue.dxeListBoxItemHover_Office2010Blue *,
        tr.dxeListBoxItemSelected.dxeListBoxItemHover > td *,
        tr.dxeListBoxItemSelected_Office2010Blue.dxeListBoxItemHover > td * {
            color: #0B1D33 !important;
            font-weight: 850 !important;
            background: transparent !important;
        }

/* =========================================================
   Disabled item
   淡灰底吃滿整列 + 柔和灰字
   ========================================================= */
.dxeListBoxItemDisabled,
.dxeListBoxItemDisabled_Office2010Blue,
.dxeListBoxItemDisabled td,
.dxeListBoxItemDisabled_Office2010Blue td,
tr.dxeListBoxItemDisabled > td,
tr.dxeListBoxItemDisabled_Office2010Blue > td,
td.dxeListBoxItemDisabled,
td.dxeListBoxItemDisabled_Office2010Blue {
    background: #EEF2F6 !important;
    background-color: #EEF2F6 !important;
    background-image: none !important;
    color: #94A3B8 !important;
    font-weight: 650 !important;
    cursor: not-allowed !important;
}

    /* Disabled 文字 */
    .dxeListBoxItemDisabled *,
    .dxeListBoxItemDisabled_Office2010Blue *,
    tr.dxeListBoxItemDisabled > td *,
    tr.dxeListBoxItemDisabled_Office2010Blue > td *,
    td.dxeListBoxItemDisabled *,
    td.dxeListBoxItemDisabled_Office2010Blue * {
        color: #94A3B8 !important;
        font-weight: 650 !important;
        background: transparent !important;
        background-image: none !important;
    }

    /* Disabled 不吃 Hover */
    .dxeListBoxItemDisabled.dxeListBoxItemHover,
    .dxeListBoxItemDisabled_Office2010Blue.dxeListBoxItemHover_Office2010Blue,
    .dxeListBoxItemDisabled.dxeListBoxItemHover td,
    .dxeListBoxItemDisabled_Office2010Blue.dxeListBoxItemHover_Office2010Blue td,
    tr.dxeListBoxItemDisabled.dxeListBoxItemHover > td,
    tr.dxeListBoxItemDisabled_Office2010Blue.dxeListBoxItemHover_Office2010Blue > td {
        background: #EEF2F6 !important;
        background-color: #EEF2F6 !important;
        background-image: none !important;
        color: #94A3B8 !important;
        box-shadow: none !important;
    }