/*
 * ERP modernized shared UI layer.
 * This file only changes visual density and layout chrome. It does not alter
 * legacy request URLs, form field names, or JavaScript business hooks.
 */
:root {
    --erp-bg: #eef2f7;
    --erp-surface: #ffffff;
    --erp-surface-2: #f2f6fb;
    --erp-border: #d6dee8;
    --erp-border-strong: #aebccb;
    --erp-text: #16202d;
    --erp-muted: #5f6f82;
    --erp-primary: #0f4c81;
    --erp-primary-strong: #071c2e;
    --erp-primary-soft: #e6eef7;
    --erp-accent: #f05a28;
    --erp-accent-2: #13a0a6;
    --erp-danger: #c62828;
    --erp-radius: 6px;
    --erp-shadow: 0 10px 28px rgba(8, 22, 38, .1);
}

html,
body {
    background: var(--erp-bg);
    color: var(--erp-text);
    font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
    letter-spacing: 0;
}

body.list-container,
body.form-container {
    padding: 12px;
    background: var(--erp-bg);
}

body.list-container:before,
body.form-container:before {
    content: "";
    display: block;
    height: 3px;
    margin: -12px -12px 12px;
    background: var(--erp-accent);
}

a {
    color: var(--erp-primary);
}

label {
    color: #344658;
}

.navbar,
.navbar.navbar-default,
#navbar.navbar {
    background: #071c2e !important;
    border: 0 !important;
    box-shadow: 0 12px 30px rgba(7, 28, 46, .26);
}

#navbar.navbar:before,
.navbar.navbar-default:before {
    content: "创汇";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 28px;
    margin: 10px 10px 0 14px;
    float: left;
    border: 1px solid rgba(255, 255, 255, .32);
    border-radius: 4px;
    background: #f05a28;
    color: #fff;
    font-size: 15px;
    font-weight: 800;
}

.navbar .navbar-container,
.navbar.navbar-collapse .navbar-container {
    background: transparent !important;
}

.sidebar,
.no-skin .sidebar {
    background: #ffffff !important;
    border-right: 1px solid var(--erp-border) !important;
    box-shadow: 6px 0 18px rgba(32, 54, 76, .06);
}

.sidebar-shortcuts {
    border-bottom: 1px solid var(--erp-border);
}

#menuTree {
    background: #fff;
}

.nav-list > li {
    border-bottom: 1px solid #edf2f7 !important;
}

.nav-list > li > a,
.no-skin .nav-list > li > a {
    min-height: 42px;
    height: auto !important;
    line-height: 22px !important;
    margin: 2px 8px !important;
    padding: 10px 12px !important;
    border-radius: var(--erp-radius);
    background: transparent !important;
    color: #35485c !important;
}

.nav-list > li > a > span,
.nav-list > li > a > .menu-text {
    color: inherit !important;
    font-size: 13px !important;
    font-weight: 600;
}

.nav-list > li:hover > a,
.nav-list > li.open > a,
.no-skin .nav-list > li:hover > a,
.no-skin .nav-list > li.open > a {
    background: #fff3ed !important;
    color: #c2410c !important;
}

.nav-list > li.active > a,
.no-skin .nav-list > li.active > a {
    background: var(--erp-primary-strong) !important;
    color: #fff !important;
}

.nav-list > li.active > a:after,
.nav-list li.active > a:after {
    display: none !important;
}

.nav-list .submenu {
    background: #f8fafc !important;
    border: 0 !important;
}

.nav-list .submenu > li > a {
    min-height: 34px;
    margin: 1px 8px 1px 18px !important;
    padding: 8px 12px !important;
    border-radius: var(--erp-radius);
    color: #46596b !important;
    font-size: 12px;
}

.nav-list .submenu > li > a:hover {
    background: #e9f2fb !important;
    color: var(--erp-primary-strong) !important;
}

.main-content,
.sidebar + .main-content {
    background: var(--erp-bg) !important;
}

.nth-tabs,
.nth-tabs .content-tabs,
.nth-tabs > .page-tabs,
.nav-tabs {
    background: var(--erp-bg) !important;
}

.nth-tabs {
    margin-top: 8px !important;
}

.nth-tabs .content-tabs {
    border-bottom: 1px solid var(--erp-border);
}

.nth-tabs-frame,
.tab-content {
    background: var(--erp-surface) !important;
    border-radius: var(--erp-radius) !important;
    box-shadow: var(--erp-shadow) !important;
}

.nav-tabs > li > a {
    border-radius: var(--erp-radius) var(--erp-radius) 0 0 !important;
    color: var(--erp-muted);
    font-weight: 600;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    background: var(--erp-surface) !important;
    color: var(--erp-primary) !important;
}

div.search-container,
div.form-container,
.form-search,
.form-horizontal,
.panel,
.easyui-panel,
.datagrid,
.table-form,
.widget-box {
    border-color: var(--erp-border) !important;
    border-radius: var(--erp-radius) !important;
}

div.search-container,
.form-search {
    margin-bottom: 10px;
    padding: 10px 12px !important;
    background: var(--erp-surface) !important;
    box-shadow: 0 2px 10px rgba(28, 45, 64, .05);
}

div.form-container,
.form-horizontal {
    background: var(--erp-surface);
}

.form-horizontal .table-form,
.form-horizontal .table-form td {
    border-color: var(--erp-border) !important;
    background: #fff !important;
}

.form-horizontal .table-form td.tit,
.datagrid-header,
.pq-header-outer,
div.gridbox_dhx_web.gridbox .xhdr {
    background: #eef4fa !important;
    color: #2c3d4f;
    border-color: var(--erp-border-strong) !important;
}

input,
textarea,
select,
.textbox,
.combo,
.validatebox-text,
input[type="search"] {
    border: 1px solid var(--erp-border-strong) !important;
    border-radius: 4px !important;
    color: var(--erp-text);
    background-color: #fff;
    box-shadow: none !important;
}

input:focus,
textarea:focus,
select:focus,
input[type="search"]:focus {
    border-color: var(--erp-primary) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(24, 103, 192, .12) !important;
}

input[readonly],
input[disabled],
select[disabled],
textarea[disabled] {
    background: #eef2f6 !important;
    color: #7b8a99 !important;
}

.btn,
button,
.easyui-linkbutton,
.l-btn,
input[type="button"],
input[type="submit"],
.dhx_toolbar_dhx_web .dhxtoolbar_float_left div {
    border-radius: 4px !important;
    border-color: var(--erp-border-strong) !important;
    font-weight: 600;
}

.btn-primary,
.btn-info,
.l-btn:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
    background: var(--erp-primary) !important;
    border-color: var(--erp-primary) !important;
    color: #fff !important;
}

.btn-danger,
.badge-important {
    background: var(--erp-danger) !important;
}

.table,
.datagrid-view,
.pq-grid,
div.gridbox,
div.gridbox_dhx_web.gridbox {
    border-color: var(--erp-border) !important;
    border-radius: var(--erp-radius) !important;
}

.table th,
.datagrid-header td,
.pq-grid-title,
.pq-header-outer .pq-grid-cont {
    background: #eef4fa !important;
    color: #2c3d4f !important;
}

.table td,
.table th {
    vertical-align: middle !important;
}

.dropdown-menu,
.dropdown-navbar,
.modal-content,
.layui-layer,
.panel {
    border: 1px solid var(--erp-border) !important;
    border-radius: var(--erp-radius) !important;
    box-shadow: var(--erp-shadow) !important;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-thumb {
    background: #b7c4d1;
    border-radius: 8px;
}

::-webkit-scrollbar-track {
    background: #edf2f7;
}

@media (max-width: 900px) {
    .sidebar {
        width: 210px !important;
    }

    .sidebar + .main-content {
        margin-left: 210px !important;
    }

    .nav-search {
        display: none;
    }
}

/* Login page modernization */
.top_header {
    min-height: 100vh;
    background: #071c2e url("/static/img/bg.png") center/cover no-repeat !important;
}

.top_header > .top_header_center {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px 16px 70px;
}

.top_header > .top_header_center .title_yun {
    position: relative;
    margin: 0 0 22px !important;
    color: #fff !important;
    font-size: 0 !important;
    font-weight: 800 !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, .24);
}

body.erp-login-page .erp-module-bar,
body.erp-login-page > .erp-module-bar {
    display: none !important;
}

body.erp-login-page .top_header {
    padding-top: 0 !important;
}

.top_header > .top_header_center .title_yun:before {
    content: "创汇";
    display: block;
    font-size: 34px;
    line-height: 42px;
    letter-spacing: 0;
}

.top_header > .top_header_center .title_yun:after {
    content: "业务协同平台";
    display: block;
    margin-top: 4px;
    color: rgba(255, 255, 255, .72);
    font-size: 13px;
    font-weight: 500;
}

.top_header > .top_header_center .center_c {
    width: min(760px, calc(100vw - 32px)) !important;
    height: auto !important;
    min-height: 330px;
    margin-top: 0 !important;
    border: 1px solid rgba(255, 255, 255, .26);
    border-radius: 6px !important;
    overflow: hidden;
    box-shadow: 0 28px 70px rgba(5, 18, 32, .42);
}

.img-div {
    position: relative;
    width: 320px !important;
    background: #0f4c81 !important;
}

.img-div:before {
    content: "CH";
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%);
    color: rgba(255, 255, 255, .14);
    font-size: 118px;
    font-weight: 900;
}

.img-div:after {
    content: "创汇";
    position: absolute;
    left: 36px;
    bottom: 36px;
    color: #fff;
    font-size: 28px;
    font-weight: 800;
}

body.erp-login-page .img-div .erp-brand-mark {
    display: none !important;
}

.img-div img,
#logo,
img[src*="yunlogo_home"],
img[src*="logo2.png"],
img[src*="tms_logo.png"] {
    opacity: 0 !important;
}

.erp-old-brand-logo {
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.erp-brand-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 58px;
    height: 28px;
    padding: 0 12px;
    border-radius: 4px;
    background: #f05a28;
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    line-height: 28px;
}

.img-div .erp-brand-mark {
    position: absolute;
    left: 36px;
    bottom: 36px;
    min-width: 86px;
    height: 40px;
    background: rgba(255, 255, 255, .12);
    font-size: 28px;
    line-height: 40px;
}

.form-div {
    width: 360px !important;
    padding: 74px 42px 28px !important;
}

.top_header > .top_header_center .center_c .register_text > input,
.top_header > .top_header_center .center_c .register_text .submit,
.point-div {
    width: 255px !important;
    border-radius: 6px !important;
}

.top_header > .top_header_center .center_c .register_text .submit {
    background: var(--erp-accent) !important;
    color: #fff !important;
    box-shadow: 0 10px 24px rgba(240, 90, 40, .26);
}

.top_header > .top_header_center .center_c .register_text .submit:hover {
    background: #d9481e !important;
}

.remember {
    margin-top: 10px;
    color: var(--erp-muted);
    text-align: left;
}

.bottom-title,
.bottom-subtitle {
    width: auto !important;
    left: 16px !important;
    right: 16px !important;
    margin-left: 0 !important;
    color: rgba(255, 255, 255, .72) !important;
}

.bottom-title {
    font-size: 0 !important;
    bottom: 36px !important;
}

.bottom-title:before {
    content: "COPYRIGHT © 2026 创汇 All rights reserved.";
    font-size: 12px;
}

body.erp-login-page .bottom-title {
    white-space: nowrap !important;
}

.bottom-subtitle {
    bottom: 16px !important;
    font-size: 11px !important;
}

.bottom-subtitle a {
    color: #fff !important;
}

@media (max-width: 700px) {
    .top_header > .top_header_center .center_c {
        display: block !important;
        width: min(380px, calc(100vw - 28px)) !important;
    }

    .img-div {
        display: none;
    }

    .form-div {
        width: 100% !important;
        padding: 46px 32px 28px !important;
    }
}

/* Functional module unification */
.erp-modern-root {
    background: var(--erp-bg);
}

body.erp-modern-page {
    --erp-module-accent: var(--erp-primary);
    --erp-module-accent-soft: rgba(24, 103, 192, .1);
    --erp-module-accent-border: #9ab9dc;
    min-height: 100vh;
}

[style*="watermarkPath"],
.pq-cont-right,
.objbox {
    background-image: none !important;
}

body.erp-accent-green {
    --erp-module-accent: #15803d;
    --erp-module-accent-soft: rgba(21, 128, 61, .1);
    --erp-module-accent-border: #8dc59d;
}

body.erp-accent-teal {
    --erp-module-accent: #0f766e;
    --erp-module-accent-soft: rgba(15, 118, 110, .1);
    --erp-module-accent-border: #86c0bb;
}

body.erp-accent-amber {
    --erp-module-accent: #b45309;
    --erp-module-accent-soft: rgba(180, 83, 9, .12);
    --erp-module-accent-border: #d9a36a;
}

body.erp-accent-violet {
    --erp-module-accent: #6d28d9;
    --erp-module-accent-soft: rgba(109, 40, 217, .1);
    --erp-module-accent-border: #b49bea;
}

body.erp-accent-indigo {
    --erp-module-accent: #4338ca;
    --erp-module-accent-soft: rgba(67, 56, 202, .1);
    --erp-module-accent-border: #9d99df;
}

body.erp-accent-cyan {
    --erp-module-accent: #0891b2;
    --erp-module-accent-soft: rgba(8, 145, 178, .1);
    --erp-module-accent-border: #82cfe0;
}

body.erp-accent-slate {
    --erp-module-accent: #475569;
    --erp-module-accent-soft: rgba(71, 85, 105, .1);
    --erp-module-accent-border: #a8b1be;
}

.erp-module-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 42px;
    margin: 0 0 10px;
    padding: 8px 14px;
    border-bottom: 1px solid var(--erp-border);
    border-left: 4px solid var(--erp-accent);
    background: #071c2e;
    color: var(--erp-text);
    box-sizing: border-box;
}

.erp-module-title,
.erp-module-meta {
    display: flex;
    align-items: center;
    min-width: 0;
}

.erp-module-title {
    gap: 8px;
}

.erp-module-title strong {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
}

.erp-module-title span:last-child {
    min-width: 0;
    overflow: hidden;
    color: rgba(255, 255, 255, .72);
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.erp-module-dot {
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    border-radius: 50%;
    background: var(--erp-accent);
    box-shadow: 0 0 0 4px rgba(240, 90, 40, .2);
}

.erp-module-meta {
    gap: 6px;
    flex: 0 0 auto;
}

.erp-module-meta span {
    padding: 2px 7px;
    border: 1px solid var(--erp-module-accent-border);
    border-radius: 999px;
    background: rgba(255, 255, 255, .12);
    color: #fff;
    font-size: 11px;
    line-height: 16px;
}

.erp-query-zone,
.erp-action-zone {
    border-color: var(--erp-border) !important;
    background: #fff !important;
}

.erp-query-zone {
    margin-bottom: 8px !important;
    padding: 8px 10px !important;
    border-bottom: 1px solid var(--erp-border) !important;
}

.erp-action-zone {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    min-height: 34px;
    padding: 6px 10px !important;
}

.erp-form-zone {
    background: #fff;
}

.erp-form-zone fieldset,
.erp-panel-zone {
    border-color: var(--erp-border) !important;
}

.erp-grid-zone {
    border-color: var(--erp-border) !important;
}

.erp-action-primary,
.erp-action-utility,
.erp-action-danger {
    border-radius: 5px !important;
}

.erp-action-primary {
    border-color: var(--erp-module-accent) !important;
    background: var(--erp-module-accent) !important;
    color: #fff !important;
}

.erp-action-utility {
    border-color: var(--erp-module-accent-border) !important;
    background: var(--erp-module-accent-soft) !important;
    color: var(--erp-module-accent) !important;
}

.erp-action-danger {
    border-color: #dc2626 !important;
    background: #fff1f2 !important;
    color: #b91c1c !important;
}

body.erp-module-mobile {
    background: #f5fbfc;
}

body.erp-module-mobile .erp-module-bar {
    position: sticky;
    top: 0;
    z-index: 90;
}

body.erp-module-admin .erp-module-bar,
body.erp-module-masterdata .erp-module-bar {
    background: #263849;
}

@media (max-width: 760px) {
    .erp-module-bar {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
        padding: 8px 10px;
    }

    .erp-module-meta {
        width: 100%;
        justify-content: flex-start;
    }
}

/* Chuanghui workspace shell, loaded again at the end by erp-modern-modules.js */
body.no-skin.erp-modern-page {
    background: #eef2f7 !important;
}

body.no-skin.erp-modern-page #navbar.navbar,
body.no-skin.erp-modern-page .navbar.navbar-collapse,
body.no-skin.erp-modern-page .navbar.navbar-default {
    height: 58px !important;
    padding-top: 0 !important;
    background: #071c2e !important;
    box-shadow: 0 16px 36px rgba(7, 28, 46, .28) !important;
}

body.no-skin.erp-modern-page #navbar.navbar:before,
body.no-skin.erp-modern-page .navbar.navbar-default:before {
    content: none !important;
    display: none !important;
}

body.no-skin.erp-modern-page #navbar-container {
    height: 58px !important;
}

body.no-skin.erp-modern-page .navbar-header.pull-left {
    height: 58px !important;
    margin-left: 14px !important;
    display: inline-flex !important;
    align-items: center;
    gap: 10px;
}

body.no-skin.erp-modern-page .navbar-header.pull-left:after {
    content: "业务工作台";
    display: inline-flex;
    align-items: center;
    height: 32px;
    padding: 0 12px 0 10px;
    border-left: 1px solid rgba(255, 255, 255, .28);
    color: rgba(255, 255, 255, .82);
    font-size: 13px;
    font-weight: 600;
    line-height: 32px;
}

body.no-skin.erp-modern-page .navbar-header.pull-left .erp-brand-mark {
    min-width: 92px;
    height: 32px;
    padding: 0 12px 0 8px;
    gap: 7px;
    line-height: 30px;
}

body.no-skin.erp-modern-page .navbar-header.pull-left .erp-brand-mark:before {
    content: "CH";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 3px;
    background: rgba(255, 255, 255, .18);
    font-size: 10px;
    font-weight: 900;
}

body.no-skin.erp-modern-page .ace-nav {
    height: 58px !important;
    display: flex !important;
    align-items: center !important;
}

body.no-skin.erp-modern-page .ace-nav > li {
    height: 58px !important;
    display: flex !important;
    align-items: center !important;
}

body.no-skin.erp-modern-page .ace-nav > li > a,
body.no-skin.erp-modern-page .ace-nav > li.light-blue > a,
body.no-skin.erp-modern-page .ace-nav > li.purple > a {
    height: 58px !important;
    min-width: 42px;
    display: flex !important;
    align-items: center !important;
    background: transparent !important;
    color: #fff !important;
    line-height: 58px !important;
}

body.no-skin.erp-modern-page .ace-nav > li > a:hover {
    background: rgba(255, 255, 255, .12) !important;
}

body.no-skin.erp-modern-page #clock {
    display: none !important;
}

body.no-skin.erp-modern-page .nav-user-photo {
    width: 32px !important;
    height: 32px !important;
    margin: 0 8px 0 0 !important;
}

body.no-skin.erp-modern-page #sidebar.sidebar {
    top: 58px !important;
    width: 252px !important;
    position: fixed !important;
    background: #081f33 !important;
    border-right: 0 !important;
    box-shadow: 10px 0 26px rgba(7, 28, 46, .18) !important;
}

body.no-skin.erp-modern-page .sidebar + .main-content {
    margin-left: 252px !important;
}

body.no-skin.erp-modern-page .sidebar-shortcuts {
    min-height: 64px !important;
    height: auto !important;
    padding: 12px 48px 12px 12px !important;
    border: 0 !important;
    background: #071c2e !important;
    overflow: visible !important;
}

body.no-skin.erp-modern-page .sidebar-shortcuts-large {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.no-skin.erp-modern-page .sidebar-shortcuts-large > .btn,
body.no-skin.erp-modern-page .sidebar-shortcuts-large > button {
    width: 100% !important;
    height: 34px !important;
    margin: 0 !important;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    border-radius: 4px !important;
    background: rgba(255, 255, 255, .08) !important;
    color: #fff !important;
}

body.no-skin.erp-modern-page #nav-search {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
}

body.no-skin.erp-modern-page #nav-search .input-icon {
    width: 100% !important;
}

body.no-skin.erp-modern-page #nav-search-input {
    width: 100% !important;
    box-sizing: border-box !important;
}

body.no-skin.erp-modern-page #sidebar-collapse {
    position: absolute !important;
    top: 14px !important;
    right: 10px !important;
    z-index: 20 !important;
    width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, .18) !important;
    border-radius: 4px !important;
    background: rgba(255, 255, 255, .08) !important;
    color: #fff !important;
    line-height: 26px !important;
    margin-top: 0 !important;
    text-align: center !important;
}

body.no-skin.erp-modern-page #sidebar.sidebar.menu-min {
    width: 54px !important;
}

body.no-skin.erp-modern-page .sidebar.menu-min + .main-content {
    margin-left: 54px !important;
}

body.no-skin.erp-modern-page #sidebar.sidebar.menu-min .sidebar-shortcuts {
    padding: 12px 8px !important;
}

body.no-skin.erp-modern-page #sidebar.sidebar.menu-min #nav-search,
body.no-skin.erp-modern-page #sidebar.sidebar.menu-min .sidebar-shortcuts-large {
    display: none !important;
}

body.no-skin.erp-modern-page #sidebar.sidebar.menu-min #sidebar-collapse {
    left: 13px !important;
    right: auto !important;
}

body.no-skin.erp-modern-page #sidebar.sidebar.menu-min #menuTree {
    padding: 54px 5px 18px !important;
}

body.no-skin.erp-modern-page #sidebar.sidebar.menu-min .nav-list > li {
    width: 44px !important;
    max-width: 44px !important;
    margin: 0 0 6px !important;
    overflow: visible !important;
}

body.no-skin.erp-modern-page #sidebar.sidebar.menu-min .nav-list > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    min-height: 40px !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 10px 0 !important;
    overflow: hidden !important;
}

body.no-skin.erp-modern-page #sidebar.sidebar.menu-min .nav-list > li > a > .menu-text,
body.no-skin.erp-modern-page #sidebar.sidebar.menu-min .nav-list > li > a > span:not(.menu-icon) {
    display: none !important;
}

body.no-skin.erp-modern-page #sidebar.sidebar.menu-min .nav-list > li > a > i,
body.no-skin.erp-modern-page #sidebar.sidebar.menu-min .nav-list > li > a > .menu-icon {
    display: block !important;
    position: static !important;
    flex: 0 0 24px !important;
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    height: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    text-align: center !important;
    color: rgba(255, 255, 255, .88) !important;
    font-size: 18px !important;
    line-height: 22px !important;
}

body.no-skin.erp-modern-page #sidebar.sidebar.menu-min .nav-list > li > .submenu {
    display: none !important;
}

body.no-skin.erp-modern-page #menuTree {
    background: #081f33 !important;
    padding: 8px 8px 18px !important;
}

body.no-skin.erp-modern-page .nav-list > li {
    margin: 0 0 6px !important;
    border: 0 !important;
    background: transparent !important;
}

body.no-skin.erp-modern-page .nav-list > li > a,
body.no-skin.erp-modern-page .no-skin .nav-list > li > a {
    min-height: 42px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    border-radius: 5px !important;
    background: rgba(255, 255, 255, .045) !important;
    color: rgba(255, 255, 255, .82) !important;
    line-height: 20px !important;
}

body.no-skin.erp-modern-page .nav-list > li > a > span,
body.no-skin.erp-modern-page .nav-list > li > a > .menu-text,
body.no-skin.erp-modern-page .nav-list > li > a > i {
    color: inherit !important;
}

body.no-skin.erp-modern-page .nav-list > li:hover > a,
body.no-skin.erp-modern-page .nav-list > li.open > a {
    background: rgba(240, 90, 40, .18) !important;
    color: #fff !important;
}

body.no-skin.erp-modern-page .nav-list > li.active > a,
body.no-skin.erp-modern-page .no-skin .nav-list > li.active > a {
    background: #f05a28 !important;
    color: #fff !important;
}

body.no-skin.erp-modern-page .nav-list > li.active > a:after,
body.no-skin.erp-modern-page .nav-list li.active > a:after {
    display: none !important;
}

body.no-skin.erp-modern-page .nav-list > li .submenu {
    margin: 4px 0 0 !important;
    border: 0 !important;
    background: rgba(255, 255, 255, .045) !important;
}

body.no-skin.erp-modern-page .nav-list > li .submenu > li > a {
    margin: 0 !important;
    padding: 8px 12px 8px 36px !important;
    border: 0 !important;
    color: rgba(255, 255, 255, .74) !important;
    background: transparent !important;
}

body.no-skin.erp-modern-page .nav-list > li .submenu > li > a:hover {
    color: #fff !important;
    background: rgba(255, 255, 255, .08) !important;
}

body.no-skin.erp-modern-page .nth-tabs,
body.no-skin.erp-modern-page .nth-tabs .content-tabs,
body.no-skin.erp-modern-page .nth-tabs .roll-nav,
body.no-skin.erp-modern-page .nth-tabs .page-tabs,
body.no-skin.erp-modern-page .nav-tabs {
    height: 42px !important;
    background: #ffffff !important;
    border-bottom: 1px solid var(--erp-border) !important;
}

body.no-skin.erp-modern-page .nth-tabs .roll-nav {
    width: 42px !important;
    line-height: 42px !important;
    color: #334155 !important;
}

body.no-skin.erp-modern-page .nth-tabs .J_menuTab,
body.no-skin.erp-modern-page .nth-tabs .page-tabs a,
body.no-skin.erp-modern-page .nth-tabs .nav-tabs > li > a {
    height: 34px !important;
    margin: 4px 3px !important;
    padding: 0 12px !important;
    border: 1px solid transparent !important;
    border-radius: 4px !important;
    background: #f3f6fa !important;
    color: #334155 !important;
    line-height: 32px !important;
}

body.no-skin.erp-modern-page .nth-tabs .active > a,
body.no-skin.erp-modern-page .nth-tabs .J_menuTab.active {
    border-color: #f05a28 !important;
    background: #fff3ed !important;
    color: #c2410c !important;
}

body.no-skin.erp-modern-page .nth-tabs-frame,
body.no-skin.erp-modern-page .tab-content {
    background: #eef2f7 !important;
}

body.no-skin.erp-modern-page .nth-tabs {
    height: calc(100vh - 118px) !important;
    min-height: 520px !important;
    overflow: hidden !important;
}

body.no-skin.erp-modern-page .nth-tabs .page-tabs,
body.no-skin.erp-modern-page .nth-tabs .content-tabs {
    height: 42px !important;
}

body.no-skin.erp-modern-page .nth-tabs .J_mainContent,
body.no-skin.erp-modern-page .nth-tabs .tab-content,
body.no-skin.erp-modern-page .nth-tabs .tab-content .tab-pane {
    height: calc(100vh - 160px) !important;
    min-height: 478px !important;
}

body.no-skin.erp-modern-page .nth-tabs-frame {
    display: block !important;
    width: 100% !important;
    height: calc(100vh - 168px) !important;
    min-height: 470px !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.no-skin.erp-modern-page .nav-search-input,
body.no-skin.erp-modern-page input[placeholder*="搜索菜单"] {
    height: 32px !important;
    border: 1px solid rgba(255, 255, 255, .18) !important;
    border-radius: 4px !important;
    background: rgba(255, 255, 255, .08) !important;
    color: #fff !important;
}

.erp-selection-strip {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    margin: 0 0 6px;
    padding: 6px 10px;
    border: 1px solid #dbe3ee;
    border-left: 4px solid #f05a28;
    border-radius: 4px;
    background: #fff;
    color: #334155;
    font-size: 12px;
    box-sizing: border-box;
}

.erp-selection-strip input,
.erp-select-cell input {
    width: 14px;
    height: 14px;
    margin: 0;
    vertical-align: middle;
}

.erp-selection-strip strong {
    margin-left: auto;
    color: #0f4c81;
    font-weight: 700;
}

.erp-selectable-table {
    table-layout: auto;
}

.erp-select-cell {
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    padding: 0 !important;
    text-align: center !important;
    vertical-align: middle !important;
    background: #f8fafc !important;
}

tr.erp-row-selected,
.erp-row-selected,
.erp-row-selected td {
    background: #fff7ed !important;
}

.erp-action-bulk-legacy {
    border-style: dashed !important;
    border-color: #f05a28 !important;
    background: #fff7ed !important;
    color: #c2410c !important;
}

.erp-action-bulk-legacy:after {
    content: "";
}

.erp-action-secondary {
    border-color: #cbd5e1 !important;
    background: #f8fafc !important;
    color: #475569 !important;
}

/* Control-level modernization: query, list, detail, form, and buttons */
body.erp-modern-page,
body.erp-modern-page * {
    box-sizing: border-box;
}

body.erp-modern-page input,
body.erp-modern-page select,
body.erp-modern-page textarea,
body.erp-modern-page button {
    font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif !important;
    letter-spacing: 0 !important;
}

body.erp-modern-page input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]),
body.erp-modern-page select,
body.erp-modern-page textarea,
body.erp-modern-page .textbox,
body.erp-modern-page .textbox .textbox-text {
    min-height: 30px !important;
    border: 1px solid #cfd8e3 !important;
    border-radius: 4px !important;
    background-color: #fff !important;
    color: #172033 !important;
    line-height: 28px !important;
    vertical-align: middle !important;
    box-shadow: none !important;
}

body.erp-modern-page input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]):focus,
body.erp-modern-page select:focus,
body.erp-modern-page textarea:focus,
body.erp-modern-page .textbox-focused,
body.erp-modern-page .textbox-focused .textbox-text {
    border-color: #f05a28 !important;
    outline: 0 !important;
    box-shadow: 0 0 0 2px rgba(240, 90, 40, .12) !important;
}

body.erp-modern-page input[readonly],
body.erp-modern-page textarea[readonly],
body.erp-modern-page input[disabled],
body.erp-modern-page select[disabled],
body.erp-modern-page textarea[disabled] {
    background: #f3f6fa !important;
    color: #64748b !important;
    cursor: default !important;
}

body.list-container.erp-modern-page input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]),
body.list-container.erp-modern-page select,
body.list-container.erp-modern-page textarea {
    width: auto !important;
    min-width: 132px !important;
    max-width: min(260px, 100%) !important;
    margin: 2px 10px 2px 0 !important;
}

body.list-container.erp-modern-page input[type="checkbox"],
body.list-container.erp-modern-page input[type="radio"],
body.erp-modern-page .erp-query-zone input[type="checkbox"],
body.erp-modern-page .erp-query-zone input[type="radio"] {
    width: 14px !important;
    height: 14px !important;
    margin: 0 5px 0 0 !important;
    vertical-align: -2px !important;
}

body.erp-modern-page .search-container,
body.erp-modern-page .erp-query-zone,
body.erp-modern-page .easyui-panel.search-container {
    width: 100% !important;
    margin: 0 0 10px !important;
    border: 1px solid #dbe3ee !important;
    border-radius: 6px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .05) !important;
}

body.erp-modern-page .search-container .panel-header,
body.erp-modern-page .easyui-panel.search-container .panel-header,
body.erp-modern-page .erp-query-zone .panel-header {
    min-height: 34px !important;
    padding: 8px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid #e5ebf2 !important;
    background: #f8fafc !important;
    color: #0f4c81 !important;
}

body.erp-modern-page .search-container .panel-title,
body.erp-modern-page .erp-query-zone .panel-title {
    color: #0f4c81 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

body.erp-modern-page .search-container .panel-body,
body.erp-modern-page .erp-query-zone,
body.erp-modern-page .form-search,
body.erp-modern-page .query-box {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px 10px !important;
    min-height: 44px !important;
    padding: 10px 12px !important;
    line-height: 30px !important;
}

body.erp-modern-page .search-container label,
body.erp-modern-page .erp-query-zone label,
body.erp-modern-page .form-search label,
body.erp-modern-page .query-box label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    min-width: 72px !important;
    height: 30px !important;
    margin: 2px 2px 2px 0 !important;
    color: #475569 !important;
    font-size: 12px !important;
    white-space: nowrap !important;
}

body.erp-modern-page .search-container br,
body.erp-modern-page .erp-query-zone br,
body.erp-modern-page .form-search br,
body.erp-modern-page .query-box br {
    display: none !important;
}

body.erp-modern-page .l-btn,
body.erp-modern-page .easyui-linkbutton,
body.erp-modern-page button,
body.erp-modern-page input[type="button"],
body.erp-modern-page input[type="submit"],
body.erp-modern-page input[type="reset"],
body.erp-modern-page .dhx_toolbar_dhx_web .dhxtoolbar_float_left div,
body.erp-modern-page .dhtmlxMenu_dhx_web_TopLevel_Item_Normal,
body.erp-modern-page .dhtmlxMenu_dhx_web_TopLevel_Item_Selected {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 30px !important;
    min-width: 64px !important;
    margin: 2px 6px 2px 0 !important;
    padding: 0 12px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 4px !important;
    background: #fff !important;
    color: #334155 !important;
    font-size: 12px !important;
    line-height: 28px !important;
    text-decoration: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

body.erp-modern-page .l-btn:hover,
body.erp-modern-page .easyui-linkbutton:hover,
body.erp-modern-page button:hover,
body.erp-modern-page input[type="button"]:hover,
body.erp-modern-page input[type="submit"]:hover,
body.erp-modern-page input[type="reset"]:hover,
body.erp-modern-page .dhx_toolbar_dhx_web .dhxtoolbar_float_left div:hover,
body.erp-modern-page .dhtmlxMenu_dhx_web_TopLevel_Item_Normal:hover {
    border-color: #f05a28 !important;
    background: #fff7ed !important;
    color: #c2410c !important;
}

body.erp-modern-page .l-btn-text {
    line-height: 28px !important;
}

body.erp-modern-page .datagrid,
body.erp-modern-page .datagrid-wrap,
body.erp-modern-page .datagrid-view,
body.erp-modern-page .pq-grid,
body.erp-modern-page div.gridbox,
body.erp-modern-page .gridbox_dhx_web,
body.erp-modern-page .erp-grid-zone {
    border-color: #dbe3ee !important;
    border-radius: 6px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .05) !important;
    overflow: hidden !important;
}

body.erp-modern-page .datagrid-header,
body.erp-modern-page .datagrid-htable,
body.erp-modern-page .pq-header-outer,
body.erp-modern-page .pq-grid-header,
body.erp-modern-page div.gridbox_dhx_web.gridbox .xhdr,
body.erp-modern-page div.gridbox div.xhdr {
    border-color: #dbe3ee !important;
    background: #f8fafc !important;
}

body.erp-modern-page .datagrid-header td,
body.erp-modern-page .datagrid-header .datagrid-cell,
body.erp-modern-page .pq-grid-title-row th,
body.erp-modern-page .pq-grid-col,
body.erp-modern-page div.gridbox table.hdr td,
body.erp-modern-page div.gridbox table.hdr td div.hdrcell {
    background: #f8fafc !important;
    color: #334155 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 30px !important;
}

body.erp-modern-page .datagrid-row,
body.erp-modern-page .datagrid-body td,
body.erp-modern-page .pq-grid-row,
body.erp-modern-page .pq-grid-cell,
body.erp-modern-page div.gridbox table.obj tr td {
    min-height: 30px !important;
    border-color: #edf2f7 !important;
    color: #172033 !important;
    font-size: 12px !important;
    line-height: 28px !important;
}

body.erp-modern-page .datagrid-row-alt,
body.erp-modern-page .pq-grid-oddRow,
body.erp-modern-page div.gridbox_dhx_web.gridbox .odd_dhx_web {
    background: #fbfdff !important;
}

body.erp-modern-page .datagrid-row-over,
body.erp-modern-page .datagrid-row-selected,
body.erp-modern-page .pq-grid-row-hover,
body.erp-modern-page .pq-state-select,
body.erp-modern-page div.gridbox_dhx_web.gridbox table.obj tr.rowselected td,
body.erp-modern-page div.gridbox_dhx_web.gridbox table.obj tr td.cellselected {
    background: #fff7ed !important;
    color: #172033 !important;
}

body.erp-modern-page .datagrid-toolbar,
body.erp-modern-page .datagrid-pager,
body.erp-modern-page .pq-pager,
body.erp-modern-page div.gridbox div.ftr,
body.erp-modern-page .dhx_toolbar_dhx_web {
    min-height: 38px !important;
    padding: 5px 8px !important;
    border-color: #dbe3ee !important;
    background: #ffffff !important;
}

body.erp-modern-page .pq-grid-bottom,
body.erp-modern-page .pq-grid-footer,
body.erp-modern-page .pq-pager {
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 3 !important;
}

body.erp-modern-page .pq-body-outer .pq-cont-right *,
body.erp-modern-page .pq-cont-right,
body.erp-modern-page .objbox {
    background-image: none !important;
}

body.erp-modern-page [divlevel="TOP"],
body.erp-modern-page [divLevel="TOP"] {
    background: #eef2f7 !important;
}

body.erp-modern-page [divlevel="TOP"] > div,
body.erp-modern-page [divLevel="TOP"] > div {
    border-color: #dbe3ee !important;
}

body.erp-modern-page [divlevel="TOP"] input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]),
body.erp-modern-page [divLevel="TOP"] input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]),
body.erp-modern-page [divlevel="TOP"] select,
body.erp-modern-page [divLevel="TOP"] select,
body.erp-modern-page [divlevel="TOP"] textarea,
body.erp-modern-page [divLevel="TOP"] textarea {
    min-width: 0 !important;
    margin: 0 !important;
}

body.erp-modern-page #FormMenu,
body.erp-modern-page .dhtmlxMenu_dhx_web_Middle,
body.erp-modern-page .dhtmlxMenu_dhx_web_TopLevel_Item_Normal,
body.erp-modern-page .dhtmlxMenu_dhx_web_TopLevel_Item_Selected {
    background: #071c2e !important;
    color: #fff !important;
}

body.erp-modern-page #FormMenu {
    border-bottom: 3px solid #f05a28 !important;
}

body.erp-modern-page .jqx-tabs-title-selected-top {
    border-top-color: #f05a28 !important;
}

body.erp-modern-page .combo,
body.erp-modern-page .combo .combo-text,
body.erp-modern-page .datebox,
body.erp-modern-page .datebox .combo-text {
    height: 30px !important;
    line-height: 28px !important;
}

body.erp-modern-page .erp-field-control {
    vertical-align: middle !important;
}

body.erp-modern-page .erp-field-wide {
    max-width: 100% !important;
}

body.erp-modern-page textarea.erp-field-control {
    min-height: 70px !important;
    line-height: 20px !important;
    padding: 5px 8px !important;
    resize: vertical;
}

body.erp-modern-page .erp-check-control {
    width: 14px !important;
    height: 14px !important;
    min-height: 14px !important;
    margin: 0 5px 0 0 !important;
}

/* Legacy dhtmlx/.pro pages use absolute coordinates. Keep their native
   compact control rhythm so visual restyling does not move fields into each other. */
body.erp-legacy-coordinate-page .erp-module-bar,
body.erp-legacy-coordinate-page > .erp-module-bar {
    display: none !important;
}

body.erp-legacy-coordinate-page,
body.erp-legacy-coordinate-page * {
    letter-spacing: 0 !important;
}

body.erp-legacy-coordinate-page label {
    min-height: 18px !important;
    height: auto !important;
    overflow: visible !important;
    line-height: 18px !important;
    white-space: nowrap !important;
}

body.erp-legacy-coordinate-page input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]),
body.erp-legacy-coordinate-page select,
body.erp-legacy-coordinate-page textarea,
body.erp-legacy-coordinate-page .textbox,
body.erp-legacy-coordinate-page .textbox .textbox-text,
body.erp-legacy-coordinate-page .combo,
body.erp-legacy-coordinate-page .combo .combo-text,
body.erp-legacy-coordinate-page .datebox,
body.erp-legacy-coordinate-page .datebox .combo-text {
    height: 20px !important;
    min-height: 20px !important;
    line-height: 18px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

body.erp-legacy-coordinate-page textarea {
    min-height: 50px !important;
    line-height: 18px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

body.erp-legacy-coordinate-page .dhx_toolbar_dhx_web,
body.erp-legacy-coordinate-page #FormMenu {
    min-height: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    border-bottom: 1px solid #dbe3ee !important;
    background: #fff !important;
}

body.erp-legacy-coordinate-page .dhx_toolbar_dhx_web .dhxtoolbar_float_left div,
body.erp-legacy-coordinate-page .dhtmlxMenu_dhx_web_TopLevel_Item_Normal,
body.erp-legacy-coordinate-page .dhtmlxMenu_dhx_web_TopLevel_Item_Selected {
    min-height: 28px !important;
    height: 28px !important;
    margin: 2px 4px 2px 0 !important;
    padding: 0 9px !important;
    line-height: 26px !important;
}

body.erp-legacy-coordinate-page button,
body.erp-legacy-coordinate-page input[type="button"],
body.erp-legacy-coordinate-page input[type="submit"],
body.erp-legacy-coordinate-page input[type="reset"] {
    min-height: 24px !important;
    height: 26px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 24px !important;
}

body.erp-legacy-coordinate-page .erp-selection-strip {
    display: none !important;
}

body.erp-legacy-coordinate-page .gridbox_dhx_web,
body.erp-legacy-coordinate-page div.gridbox,
body.erp-legacy-coordinate-page .objbox,
body.erp-legacy-coordinate-page .xhdr {
    box-shadow: none !important;
}

body.erp-legacy-coordinate-page [divlevel="TOP"],
body.erp-legacy-coordinate-page [divLevel="TOP"] {
    background: #f4f7fb !important;
}

body.erp-legacy-coordinate-page [divlevel="TOP"] input,
body.erp-legacy-coordinate-page [divLevel="TOP"] input,
body.erp-legacy-coordinate-page [divlevel="TOP"] select,
body.erp-legacy-coordinate-page [divLevel="TOP"] select {
    margin: 0 !important;
}

body.erp-legacy-coordinate-page .erp-action-bulk-legacy:after {
    content: "" !important;
}

body.erp-legacy-coordinate-page .erp-legacy-hidden-duplicate-field {
    display: none !important;
}

body.erp-billsn-yskworkflow #Button2,
body.erp-billsn-xs_xfp802 #Button2 {
    top: 10px !important;
    left: 1120px !important;
    width: 110px !important;
    height: 25px !important;
}

body.erp-billsn-yskworkflow input#Input8[name="DZHDH"],
body.erp-billsn-yskworkflow input#Input9[name="khyh"],
body.erp-billsn-xs_xfp802 input#Input8[name="DZHDH"],
body.erp-billsn-xs_xfp802 input#Input9[name="khyh"] {
    width: 330px !important;
    min-width: 330px !important;
    max-width: 330px !important;
}

body.erp-billsn-yskworkflow input#Input15[name="fplx"],
body.erp-billsn-xs_xfp802 input#Input15[name="fplx"] {
    width: 135px !important;
    min-width: 135px !important;
    max-width: 135px !important;
}

body.erp-billsn-yskworkflow input#CloudInput2[name="guihao"],
body.erp-billsn-xs_xfp802 input#CloudInput2[name="guihao"] {
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
}

body.erp-billsn-gsp_apaj05 #CloudInput7 {
    display: none !important;
}

body.erp-billsn-ypblfy {
    overflow: auto !important;
}

body.erp-billsn-gsp_apaj05 input#Input9[name="jixing"] {
    width: 118px !important;
    min-width: 118px !important;
    max-width: 118px !important;
}

body.erp-has-query.erp-modern-page:before,
body.erp-has-list.erp-modern-page:before,
body.erp-has-detail.erp-modern-page:before {
    pointer-events: none;
}

body.erp-has-list.erp-modern-page .erp-grid-zone {
    margin-top: 6px !important;
}

body.erp-has-detail.erp-modern-page #subGrid,
body.erp-has-detail.erp-modern-page [id*="subGrid"],
body.erp-has-detail.erp-modern-page [id*="SubGrid"],
body.erp-has-detail.erp-modern-page [id*="mx"],
body.erp-has-detail.erp-modern-page [id*="Mx"] {
    border-radius: 6px !important;
}

body.erp-has-actions.erp-modern-page .erp-action-zone {
    border-radius: 6px !important;
}

body.erp-has-fields.erp-modern-page label + input,
body.erp-has-fields.erp-modern-page label + select,
body.erp-has-fields.erp-modern-page label + textarea {
    margin-left: 4px !important;
}

@media (max-width: 900px) {
    body.erp-modern-page .search-container label,
    body.erp-modern-page .erp-query-zone label,
    body.erp-modern-page .form-search label,
    body.erp-modern-page .query-box label {
        justify-content: flex-start !important;
        min-width: 60px !important;
    }

    body.list-container.erp-modern-page input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]),
body.list-container.erp-modern-page select,
body.list-container.erp-modern-page textarea {
    min-width: 120px !important;
    flex: 1 1 150px !important;
}
}

/* Text clipping and utility polish pass */
body.erp-modern-page .erp-selection-strip {
    display: none !important;
}

body.erp-modern-page button,
body.erp-modern-page .btn,
body.erp-modern-page input[type="button"],
body.erp-modern-page input[type="submit"],
body.erp-modern-page .ui-button,
body.erp-modern-page .l-btn,
body.erp-modern-page .easyui-linkbutton,
body.erp-modern-page .dhtmlxMenu_dhx_web_TopLevel_Item_Normal,
body.erp-modern-page .dhtmlxMenu_dhx_web_TopLevel_Item_Selected {
    width: auto !important;
    max-width: none !important;
    min-width: 64px !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
}

body.erp-modern-page .ui-button .ui-button-text,
body.erp-modern-page .l-btn-text,
body.erp-modern-page .btn span,
body.erp-modern-page button span {
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
}

body.erp-modern-page .jqx-tabs-headerWrapper,
body.erp-modern-page .jqx-tabs-title-container {
    min-height: 34px !important;
    height: 34px !important;
    overflow: visible !important;
}

body.erp-modern-page .jqx-tabs-title {
    min-width: 86px !important;
    min-height: 32px !important;
    height: 32px !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    line-height: 30px !important;
    text-align: center !important;
    white-space: nowrap !important;
}

body.erp-modern-page .jqx-tabs-titleWrapper,
body.erp-modern-page .jqx-tabs-titleContentWrapper {
    height: 30px !important;
    min-height: 30px !important;
    overflow: visible !important;
    line-height: 30px !important;
    white-space: nowrap !important;
}

body.erp-modern-page .nav-tabs > li > a,
body.erp-modern-page .layui-tab-title li,
body.erp-modern-page .tabs li a,
body.erp-modern-page .J_menuTab {
    width: auto !important;
    max-width: none !important;
    min-width: 78px !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
}

body.erp-modern-page .datagrid-header .datagrid-cell,
body.erp-modern-page .pq-grid-col,
body.erp-modern-page .pq-grid-col .pq-td-div,
body.erp-modern-page div.gridbox table.hdr td,
body.erp-modern-page div.gridbox table.hdr td div.hdrcell {
    min-height: 26px !important;
    height: auto !important;
    overflow: visible !important;
    line-height: 18px !important;
    text-overflow: clip !important;
    white-space: normal !important;
}

body.erp-modern-page .pq-grid-col .pq-td-div,
body.erp-modern-page div.gridbox table.hdr td div.hdrcell {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

body.erp-modern-page .datagrid-pager,
body.erp-modern-page .pq-pager,
body.erp-modern-page .pagination,
body.erp-modern-page div.gridbox div.ftr {
    min-height: 42px !important;
    overflow: visible !important;
    white-space: nowrap !important;
}

body.erp-modern-page .datagrid-pager *,
body.erp-modern-page .pq-pager *,
body.erp-modern-page .pagination *,
body.erp-modern-page div.gridbox div.ftr * {
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

body.erp-modern-page .ui-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    height: 18px !important;
    color: #334155 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    text-indent: 0 !important;
}

body.erp-modern-page .ui-icon:before {
    display: block !important;
    font-family: "Microsoft YaHei", Arial, sans-serif !important;
    text-indent: 0 !important;
}

body.erp-modern-page .ui-icon-seek-first:before {
    content: "|<" !important;
}

body.erp-modern-page .ui-icon-seek-prev:before {
    content: "<" !important;
}

body.erp-modern-page .ui-icon-seek-next:before {
    content: ">" !important;
}

body.erp-modern-page .ui-icon-seek-end:before {
    content: ">|" !important;
}

body.erp-modern-page .ui-icon-refresh:before {
    content: "R" !important;
}

body.erp-modern-page .ui-icon.ui-state-disabled,
body.erp-modern-page .ui-state-disabled .ui-icon {
    color: #94a3b8 !important;
}

body.erp-modern-page .pq-grid,
body.erp-modern-page .pq-grid *,
body.erp-modern-page .datagrid,
body.erp-modern-page .datagrid *,
body.erp-modern-page div.gridbox,
body.erp-modern-page div.gridbox * {
    background-image: none !important;
}

body.no-skin.erp-modern-page #navbar,
body.no-skin.erp-modern-page #navbar *,
body.no-skin.erp-modern-page #sidebar,
body.no-skin.erp-modern-page #sidebar *,
body.no-skin.erp-modern-page .nth-tabs,
body.no-skin.erp-modern-page .nth-tabs * {
    background-image: none !important;
}

/* Final display hardening pass: login, active tabs, grid filters */
body.erp-login-page {
    min-width: 0 !important;
    background: #071c2e !important;
    color: #102033;
}

body.erp-login-page .top_header {
    position: relative;
    min-height: 100vh;
    padding: 0 !important;
    overflow: hidden;
    background: #071c2e !important;
    background-image: none !important;
}

body.erp-login-page .top_header:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 42vw;
    max-width: 610px;
    background: #0b253c;
    border-right: 1px solid rgba(255, 255, 255, .14);
    box-shadow: inset -1px 0 0 rgba(240, 90, 40, .55);
    pointer-events: none;
}

body.erp-login-page .top_header:after {
    content: "";
    position: absolute;
    right: 8vw;
    top: 9vh;
    width: 196px;
    height: 196px;
    border: 1px solid rgba(255, 255, 255, .18);
    box-shadow:
        24px 24px 0 rgba(255, 255, 255, .04),
        -24px 48px 0 rgba(240, 90, 40, .16),
        48px -24px 0 rgba(255, 255, 255, .06);
    pointer-events: none;
}

body.erp-login-page .top_header > .top_header_center {
    position: relative;
    z-index: 1;
    width: min(1080px, calc(100vw - 64px));
    min-height: 100vh;
    margin: 0 auto;
    padding: 42px 0 62px !important;
    align-items: stretch;
    justify-content: center;
}

body.erp-login-page .top_header > .top_header_center .title_yun {
    align-self: flex-start;
    margin: 0 0 22px !important;
    color: #ffffff !important;
    text-shadow: none !important;
}

body.erp-login-page .top_header > .top_header_center .title_yun:before {
    content: "创汇 ERP";
    font-size: 32px;
    line-height: 38px;
    font-weight: 800;
}

body.erp-login-page .top_header > .top_header_center .title_yun:after {
    content: "业务协同平台";
    margin-top: 8px;
    color: rgba(255, 255, 255, .70);
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}

body.erp-login-page .top_header > .top_header_center .center_c {
    display: grid !important;
    grid-template-columns: minmax(300px, 430px) minmax(340px, 420px);
    width: min(860px, 100%) !important;
    min-height: 456px;
    height: auto !important;
    margin: 0 !important;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .20);
    border-radius: 8px !important;
    background: #f7fafc !important;
    box-shadow: 0 26px 64px rgba(0, 0, 0, .38);
}

body.erp-login-page .img-div {
    position: relative;
    width: auto !important;
    min-height: 456px;
    background: #0a2136 !important;
    border-right: 1px solid #d7e0ea;
}

body.erp-login-page .img-div:before {
    content: "CH";
    left: 36px;
    top: 56px;
    transform: none;
    color: rgba(255, 255, 255, .10);
    font-size: 126px;
    line-height: 1;
    letter-spacing: 0;
}

body.erp-login-page .img-div:after {
    content: "统一业务入口";
    left: 38px;
    right: 38px;
    bottom: 44px;
    color: #ffffff;
    font-size: 26px;
    line-height: 34px;
    font-weight: 800;
}

body.erp-login-page .img-div .erp-brand-mark,
body.erp-login-page .img-div img,
body.erp-login-page #logo,
body.erp-login-page img[src*="yunlogo_home"],
body.erp-login-page img[src*="logo2.png"],
body.erp-login-page img[src*="tms_logo.png"] {
    opacity: 0 !important;
    visibility: hidden !important;
}

body.erp-login-page .form-div {
    width: auto !important;
    min-height: 456px;
    padding: 66px 48px 36px !important;
    background: #ffffff !important;
}

body.erp-login-page .register_text {
    width: 100% !important;
}

body.erp-login-page .top_header > .top_header_center .center_c .register_text > input,
body.erp-login-page .point-div {
    width: 100% !important;
    height: 42px !important;
    margin: 0 0 14px !important;
    padding: 0 14px 0 40px !important;
    border: 1px solid #cbd6e2 !important;
    border-radius: 6px !important;
    background: #f9fbfd !important;
    box-shadow: inset 0 1px 0 rgba(16, 32, 51, .04);
    color: #102033 !important;
    font-size: 14px !important;
    line-height: 40px !important;
    box-sizing: border-box !important;
}

body.erp-login-page .top_header > .top_header_center .center_c .register_text > input[style*="display: none"],
body.erp-login-page #smsCode[style*="display: none"],
body.erp-login-page #smsBtn[style*="display: none"] {
    display: none !important;
}

body.erp-login-page .top_header > .top_header_center .center_c .register_text > input:focus {
    border-color: #f05a28 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(240, 90, 40, .14);
    outline: none !important;
}

body.erp-login-page .top_header > .top_header_center .center_c .register_text .submit {
    width: 100% !important;
    height: 42px !important;
    margin-top: 4px !important;
    border: 1px solid #d94e24 !important;
    border-radius: 6px !important;
    background: #f05a28 !important;
    box-shadow: 0 12px 24px rgba(240, 90, 40, .22);
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 40px !important;
    text-align: center !important;
}

body.erp-login-page .top_header > .top_header_center .center_c .register_text .submit:hover {
    background: #d9481e !important;
}

body.erp-login-page .register_text .img-user,
body.erp-login-page .register_text .img-psd,
body.erp-login-page .register_text .img-eye {
    opacity: .56 !important;
    z-index: 2;
}

body.erp-login-page .remember {
    margin-top: 14px !important;
    color: #5d6b7c !important;
    font-size: 13px !important;
}

body.erp-login-page .bottom-title,
body.erp-login-page .bottom-subtitle {
    left: 50% !important;
    right: auto !important;
    width: min(1080px, calc(100vw - 64px)) !important;
    margin-left: 0 !important;
    transform: translateX(-50%);
    color: rgba(255, 255, 255, .68) !important;
    text-align: left !important;
}

body.erp-login-page .bottom-title {
    bottom: 34px !important;
}

body.erp-login-page .bottom-subtitle {
    bottom: 14px !important;
}

body.erp-login-page .bottom-subtitle a {
    color: #ffffff !important;
    text-decoration: underline;
}

body.erp-modern-page .nth-tabs .J_menuTab,
body.erp-modern-page .nth-tabs .page-tabs a,
body.erp-modern-page .nth-tabs .nav-tabs > li > a {
    position: relative;
}

body.erp-modern-page .nth-tabs > .page-tabs {
    position: relative !important;
    height: 42px !important;
    min-height: 42px !important;
    overflow: visible !important;
}

body.erp-modern-page .nth-tabs > .page-tabs > .content-tabs {
    position: absolute !important;
    left: 42px !important;
    right: 84px !important;
    top: 0 !important;
    width: auto !important;
    height: 42px !important;
    min-height: 42px !important;
    overflow: hidden !important;
}

body.erp-modern-page .nth-tabs > .page-tabs > .roll-nav,
body.erp-modern-page .nth-tabs > .page-tabs > .right-nav-list {
    position: absolute !important;
    top: 0 !important;
    z-index: 4 !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    line-height: 42px !important;
}

body.erp-modern-page .nth-tabs > .page-tabs > .roll-nav-left {
    left: 0 !important;
}

body.erp-modern-page .nth-tabs > .page-tabs > .roll-nav-right {
    right: 42px !important;
}

body.erp-modern-page .nth-tabs > .page-tabs > .right-nav-list {
    right: 0 !important;
}

body.erp-modern-page .nth-tabs .content-tabs-container,
body.erp-modern-page .nth-tabs .nav-tabs,
body.erp-modern-page .nth-tabs .nav-tabs > li {
    height: 42px !important;
    min-height: 42px !important;
}

body.erp-modern-page .nth-tabs .content-tabs-container {
    left: 0 !important;
    right: auto !important;
    width: 100000px !important;
    padding-left: 4px !important;
    padding-right: 8px !important;
    box-sizing: border-box !important;
}

body.erp-modern-page .nth-tabs .active > a,
body.erp-modern-page .nth-tabs .J_menuTab.active,
body.erp-modern-page .nth-tabs .page-tabs a.active,
body.erp-modern-page .nth-tabs .nav-tabs > li.active > a {
    border-color: #f05a28 !important;
    background: #ffffff !important;
    color: #bd3c0b !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .14) !important;
    font-weight: 800 !important;
}

body.erp-modern-page .nth-tabs .active > a:before,
body.erp-modern-page .nth-tabs .J_menuTab.active:before,
body.erp-modern-page .nth-tabs .page-tabs a.active:before,
body.erp-modern-page .nth-tabs .nav-tabs > li.active > a:before {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: -1px;
    height: 3px;
    border-radius: 0 0 3px 3px;
    background: #f05a28;
}

body.erp-modern-page .nth-tabs .active > a:after,
body.erp-modern-page .nth-tabs .J_menuTab.active:after,
body.erp-modern-page .nth-tabs .page-tabs a.active:after,
body.erp-modern-page .nth-tabs .nav-tabs > li.active > a:after {
    content: none !important;
    display: none !important;
}

body.erp-modern-page .nth-tabs .right-nav-list .dropdown-menu {
    z-index: 9999 !important;
    display: none;
}

body.erp-modern-page .nth-tabs .right-nav-list.open .dropdown-menu,
body.erp-modern-page .nth-tabs .right-nav-list:hover .dropdown-menu {
    display: block !important;
}

body.erp-modern-page .pq-grid-header-search-row,
body.erp-modern-page .pq-grid-header-search-row .pq-grid-col,
body.erp-modern-page .pq-grid-header-search-row .pq-td-div {
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
}

body.erp-modern-page .pq-grid-header-search-row .pq-grid-col .pq-td-div {
    padding: 2px 0 !important;
    line-height: 24px !important;
}

body.erp-modern-page .pq-grid-hd-search-field,
body.erp-modern-page .pq-search-txt {
    display: block !important;
    width: calc(100% - 8px) !important;
    min-width: 0 !important;
    max-width: calc(100% - 8px) !important;
    height: 24px !important;
    margin: 3px 4px !important;
    padding: 0 6px !important;
    border: 1px solid #cbd6e2 !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    color: #102033 !important;
    font-size: 12px !important;
    line-height: 22px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

body.erp-modern-page .pq-header-outer,
body.erp-modern-page .pq-grid-header,
body.erp-modern-page .pq-grid-top {
    overflow: hidden !important;
}

body.erp-modern-page .pq-grid-header-search-row + .pq-grid-row,
body.erp-modern-page .pq-grid-header-search-row + div {
    margin-top: 0 !important;
}

@media (max-width: 760px) {
    body.erp-login-page .top_header:before,
    body.erp-login-page .top_header:after {
        display: none;
    }

    body.erp-login-page .top_header > .top_header_center {
        width: min(420px, calc(100vw - 28px));
        padding: 28px 0 76px !important;
    }

    body.erp-login-page .top_header > .top_header_center .center_c {
        display: block !important;
        width: 100% !important;
        min-height: 0;
    }

    body.erp-login-page .img-div {
        display: none !important;
    }

    body.erp-login-page .form-div {
        min-height: 0;
        padding: 42px 28px 30px !important;
    }

    body.erp-login-page .bottom-title,
    body.erp-login-page .bottom-subtitle {
        width: calc(100vw - 28px) !important;
        text-align: center !important;
    }
}