/* KJ current modern shell: dark navigation with a light work area. */
:root,
html.lizii-ui-modern,
body.lizii-ui-modern {
    --lizii-bg: #f4f6f8;
    --lizii-panel: #ffffff;
    --lizii-panel-raised: #f7f9fc;
    --lizii-text: #1f2933;
    --lizii-muted: #667085;
    --lizii-border: #dde3ea;
    --lizii-border-soft: #e8edf3;
    --lizii-primary: #f97316;
    --lizii-primary-hover: #fb923c;
    --lizii-primary-weak: rgba(249, 115, 22, .16);
    --lizii-success: #22c55e;
    --lizii-warning: #f59e0b;
    --lizii-danger: #f87171;
    --lizii-topbar: #11172f;
    --lizii-topbar-hover: #1a2342;
    --lizii-nav-accent: #ff7a2f;
    --lizii-orange-soft: rgba(255, 122, 47, .18);
    --lizii-tab-bg: #f3f5fa;
    --lizii-tab-active: #ff7a2f;
    --lizii-side: #162033;
    --lizii-side-hover: #1e293b;
    --lizii-radius: 6px;
    color-scheme: light;
}

html.lizii-ui-modern,
html.lizii-ui-modern body,
body.lizii-ui-modern {
    min-height: 100%;
    background: var(--lizii-bg) !important;
    color: var(--lizii-text);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", Arial, sans-serif;
}

body.lizii-ui-modern .layui-fluid { padding: 15px; }
body.lizii-ui-modern a { color: inherit; }
body.lizii-ui-modern ::-webkit-scrollbar { width: 8px; height: 8px; }
body.lizii-ui-modern ::-webkit-scrollbar-track { background: transparent; }
body.lizii-ui-modern ::-webkit-scrollbar-thumb { background: #3a4860; border-radius: 8px; }
body.lizii-ui-modern ::-webkit-scrollbar-thumb:hover { background: #50617e; }

/* Main shell */
body.lizii-ui-modern .layui-layout-admin .layui-header {
    height: 50px;
    border-bottom: 1px solid #29344c;
    background: var(--lizii-topbar);
}
body.lizii-ui-modern .layui-layout-admin .layui-side {
    top: 0;
    width: 224px;
    background: var(--lizii-side) !important;
}
body.lizii-ui-modern .layui-layout-admin .layui-logo {
    width: 224px;
    height: 49px;
    padding: 0 20px;
    color: #fff;
    font-size: 18px;
    font-weight: 650;
    letter-spacing: .2px;
    background: var(--lizii-topbar);
    border-bottom: 1px solid #29344c;
}
body.lizii-ui-modern .layui-layout-admin .layui-layout-left,
body.lizii-ui-modern .layadmin-pagetabs,
body.lizii-ui-modern .layui-layout-admin .layui-body,
body.lizii-ui-modern .layui-layout-admin .layui-footer { left: 224px; }
body.lizii-ui-modern .layui-layout-admin .layui-body { top: 94px; background: var(--lizii-bg); }
body.lizii-ui-modern .layui-layout-admin .layui-layout-right { padding-right: 10px; }
body.lizii-ui-modern .layui-layout-admin .layui-nav { background: transparent; }
body.lizii-ui-modern .layui-layout-admin .layui-header .layui-nav-item,
body.lizii-ui-modern .layui-layout-admin .layui-logo { height: 50px; line-height: 50px; }
body.lizii-ui-modern .layui-layout-admin .layui-header .layui-nav-item > a,
body.lizii-ui-modern .layui-layout-admin .layui-header .layui-nav-item > a cite,
body.lizii-ui-modern .layui-layout-admin .layui-header .layui-nav-item > a .layui-icon {
    color: #c7cbe0 !important;
    font-size: 13.5px;
    font-weight: 600;
}
body.lizii-ui-modern .layui-layout-admin .layui-header .layui-nav-item > a:hover,
body.lizii-ui-modern .layui-layout-admin .layui-header .layui-nav-item > a:hover cite,
body.lizii-ui-modern .layui-layout-admin .layui-header .layui-nav-item > a:hover .layui-icon { color: #fff !important; }
body.lizii-ui-modern .layui-header .layui-nav .layui-this:after,
body.lizii-ui-modern .layui-layout-admin .layui-header .layui-nav-bar { top: auto !important; bottom: 0; height: 3px; background: var(--lizii-primary); }
body.lizii-ui-modern .layui-layout-admin .layui-header .layui-nav-child {
    top: 54px;
    padding: 6px;
    border: 1px solid var(--lizii-border);
    border-radius: var(--lizii-radius);
    background: var(--lizii-panel);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .32);
}
body.lizii-ui-modern .layui-layout-admin .layui-header .layui-nav .layui-nav-child a { color: var(--lizii-text); border-radius: 4px; }
body.lizii-ui-modern .layui-layout-admin .layui-header .layui-nav .layui-nav-child a:hover { background: var(--lizii-panel-raised); }

/* Top-level module navigation */
body.lizii-ui-modern .lizii-header-left {
    position: absolute !important;
    top: 0 !important;
    left: 224px !important;
    right: 150px !important;
    display: flex;
    height: 50px;
    min-width: 0;
    width: auto !important;
    overflow: hidden;
}
body.lizii-ui-modern .layui-layout-admin .lizii-header-actions {
    position: static !important;
    top: auto !important;
    left: auto !important;
    display: flex;
    flex: 0 0 82px;
    width: 82px;
    padding: 0;
}
body.lizii-ui-modern .layui-layout-admin .lizii-header-modules {
    position: static !important;
    top: auto !important;
    left: auto !important;
}
body.lizii-ui-modern .lizii-header-actions .layui-nav-item { float: none; flex: 0 0 41px; }
body.lizii-ui-modern .lizii-header-actions .layui-nav-item > a { padding: 0; text-align: center; }
body.lizii-ui-modern .lizii-header-modules { position: static; display: flex; flex: 1 1 auto; min-width: 0; overflow-x: auto; }
body.lizii-ui-modern .lizii-header-modules {
    overflow-y: hidden !important;
    scrollbar-width: none;
}
body.lizii-ui-modern .lizii-header-modules::-webkit-scrollbar { width: 0; height: 0; }
/* KJ does not keep Layui's moving nav bar in the header; selected modules already have a rounded active state. */
body.lizii-ui-modern .layui-layout-admin .layui-header .layui-nav-bar,
body.lizii-ui-modern .layui-layout-admin .layui-header .layui-nav .layui-this:after { display: none !important; }
body.lizii-ui-modern .lizii-header-modules .layui-nav-item {
    height: 36px;
    line-height: 36px;
    margin: 7px 3px;
}
body.lizii-ui-modern .lizii-header-modules .layui-nav-item > a {
    height: 36px;
    line-height: 36px;
    padding: 0 14px;
    border-radius: 8px;
    font-size: 14px;
    white-space: nowrap;
}
body.lizii-ui-modern .lizii-header-modules .layui-nav-item:hover > a { background: var(--lizii-topbar-hover); }
body.lizii-ui-modern .lizii-header-modules .layui-nav-item.layui-this > a,
body.lizii-ui-modern .lizii-header-modules .layui-nav-item.layui-this > a:hover {
    background: var(--lizii-orange-soft);
    box-shadow: none;
}
body.lizii-ui-modern .lizii-header-modules .layui-nav-item.layui-this > a,
body.lizii-ui-modern .lizii-header-modules .layui-nav-item.layui-this > a cite { color: var(--lizii-nav-accent) !important; }
body.lizii-ui-modern .lizii-header-modules .layui-nav-item.layui-this > a .layui-icon { color: var(--lizii-nav-accent) !important; }

/* Contextual second-level navigation */
body.lizii-ui-modern .layui-side-menu .layui-side-scroll { width: 244px; }
body.lizii-ui-modern .layui-side-menu .layui-nav { width: 224px; margin-top: 50px; }
/* Disable Layui's teal sliding indicator; KJ uses only the active item's orange inset line. */
body.lizii-ui-modern .layui-side-menu .layui-nav-tree .layui-nav-bar { display: none !important; }
body.lizii-ui-modern .layui-side-menu .layui-nav-item { border: 0; }
body.lizii-ui-modern .layui-side-menu .layui-nav > .layui-nav-item > a {
    height: 46px;
    line-height: 46px;
    padding-left: 44px;
    color: #cbd5e1;
}
body.lizii-ui-modern .layui-side-menu .layui-nav > .layui-nav-item > a,
body.lizii-ui-modern .layui-side-menu .layui-nav > .layui-nav-item > a cite {
    color: #cbd5e1 !important;
    font-size: 14px;
    font-weight: 500;
}
body.lizii-ui-modern .layui-side-menu .layui-nav > .layui-nav-item > a:hover,
body.lizii-ui-modern .layui-side-menu .layui-nav > .layui-nav-item > a:hover cite { background: var(--lizii-side-hover); color: #fff !important; }
body.lizii-ui-modern .layui-side-menu .layui-nav > .layui-nav-item > a .layui-icon { left: 18px; color: #9ba8be !important; }
/* The top bar owns the first level; the side bar starts directly from its children. */
body.lizii-ui-modern .layui-side-menu .lizii-menu-group > a { display: none; }
body.lizii-ui-modern .layui-side-menu .lizii-menu-group > .layui-nav-child { padding-top: 8px; }
body.lizii-ui-modern .layui-side-menu .layui-nav-child { padding: 4px 0; background: transparent !important; }
body.lizii-ui-modern .layui-side-menu .layui-nav-child dd a { padding-left: 44px; }
body.lizii-ui-modern .layui-side-menu .layui-nav-child dd a,
body.lizii-ui-modern .layui-side-menu .layui-nav-child dd a cite,
body.lizii-ui-modern .layui-side-menu .layui-nav-child dd a .layui-icon {
    color: #aeb9ca !important;
    font-size: 14px;
    font-weight: 500;
}
body.lizii-ui-modern .layui-side-menu .layui-nav-child dd a { position: relative; }
body.lizii-ui-modern .layui-side-menu .layui-nav-child dd a .layui-icon {
    position: absolute;
    left: 18px;
    top: 50%;
    margin-top: -8px;
    font-size: 15px;
}
body.lizii-ui-modern .layui-side-menu .layui-nav .layui-nav-child dd a {
    margin: 0 8px;
    padding-left: 40px !important;
    padding-right: 12px;
    border-radius: 8px;
    transition: background-color .16s ease, color .16s ease;
}
body.lizii-ui-modern .layui-side-menu .layui-nav .layui-nav-child dd:not(.layui-this) > a:hover {
    background: rgba(255, 255, 255, .08) !important;
    color: #fff !important;
}
body.lizii-ui-modern .layui-side-menu .layui-nav .layui-nav-child dd:not(.layui-this) > a:hover cite,
body.lizii-ui-modern .layui-side-menu .layui-nav .layui-nav-child dd:not(.layui-this) > a:hover .layui-icon {
    background: transparent !important;
    color: #fff !important;
}
body.lizii-ui-modern .layui-nav-tree .layui-nav-child dd.layui-this { background: transparent !important; }
body.lizii-ui-modern .layui-nav-tree .layui-nav-child dd.layui-this > a {
    margin: 0 8px;
    padding-right: 12px;
    border-radius: 8px;
    background: var(--lizii-orange-soft) !important;
    box-shadow: inset 3px 0 0 var(--lizii-nav-accent);
    color: #fff !important;
    font-weight: 500;
}
body.lizii-ui-modern .layui-nav-tree .layui-nav-child dd.layui-this > a cite { color: #fff !important; }
body.lizii-ui-modern .layui-nav-tree .layui-nav-child dd.layui-this > a .layui-icon { color: var(--lizii-nav-accent) !important; }
body.lizii-ui-modern .lizii-menu-group[hidden] { display: none !important; }

/* Tab strip */
body.lizii-ui-modern .layadmin-pagetabs {
    top: 50px;
    height: 44px;
    line-height: 44px;
    padding: 7px 80px 7px 40px;
    background: var(--lizii-tab-bg);
    border-bottom: 0;
    box-shadow: none;
    box-sizing: border-box;
}
body.lizii-ui-modern .layadmin-pagetabs .layui-tab { height: 30px; margin: 0; overflow: hidden; }
body.lizii-ui-modern .layadmin-pagetabs .layui-tab-title { left: 0; height: 30px; border: 0; white-space: nowrap; }
body.lizii-ui-modern .layadmin-pagetabs .layui-tab-title li {
    display: inline-block;
    height: 30px;
    max-width: 160px;
    margin-right: 8px;
    padding: 0 30px 0 14px;
    overflow: hidden;
    line-height: 28px;
    color: #526078 !important;
    font-size: 13px;
    text-overflow: ellipsis;
    vertical-align: top;
    border: 1px solid var(--lizii-border);
    border-radius: 7px;
    background: var(--lizii-panel);
    box-sizing: border-box;
}
body.lizii-ui-modern .layadmin-pagetabs .layui-tab-title li:hover,
body.lizii-ui-modern .layadmin-pagetabs .layui-tab-title li.layui-this {
    color: var(--lizii-text) !important;
    background: var(--lizii-panel);
    border-color: var(--lizii-tab-active);
    box-shadow: 0 1px 6px rgba(255, 122, 47, .16);
}
body.lizii-ui-modern .layadmin-pagetabs .layui-tab-title li:after,
body.lizii-ui-modern .layadmin-pagetabs .layui-tab-title li.layui-this:after { display: none; }
body.lizii-ui-modern .layadmin-pagetabs .layui-tab-title li:first-child {
    width: 36px;
    min-width: 36px;
    max-width: 36px;
    padding: 0;
    text-align: center;
    color: var(--lizii-tab-active);
    font-size: 15px;
}
body.lizii-ui-modern .layadmin-pagetabs .layui-tab-title li .layui-icon-home,
body.lizii-ui-modern .layadmin-pagetabs .layui-tab-title li.layui-this .layui-icon-home { color: var(--lizii-nav-accent) !important; }
body.lizii-ui-modern .layadmin-pagetabs .layui-tab-title li .layui-tab-close { right: 10px; color: #9aa5b8 !important; }
body.lizii-ui-modern .layadmin-pagetabs .layui-tab-title li .layui-tab-close:hover { background: transparent; color: var(--lizii-tab-active) !important; }
body.lizii-ui-modern .layadmin-pagetabs .layadmin-tabs-control {
    top: 7px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-color: transparent;
    border-radius: 7px;
    color: var(--lizii-muted);
    font-size: 15px;
}
body.lizii-ui-modern .layadmin-pagetabs .layui-icon-prev { left: 6px; }
body.lizii-ui-modern .layadmin-pagetabs .layui-icon-next { right: 40px; }
body.lizii-ui-modern .layadmin-pagetabs .layui-icon-down { right: 6px; }
body.lizii-ui-modern .layadmin-pagetabs .layadmin-tabs-control:hover { background: var(--lizii-primary-weak); color: var(--lizii-primary); }
body.lizii-ui-modern .layadmin-tabs-select.layui-nav .layui-nav-child { background: var(--lizii-panel); border-color: var(--lizii-border); }
body.lizii-ui-modern .layadmin-tabs-select.layui-nav .layui-nav-child a { color: var(--lizii-text); }
body.lizii-ui-modern .layadmin-tabs-select.layui-nav .layui-nav-child dd:hover a { background: var(--lizii-panel-raised); }

/* Shared content components */
body.lizii-ui-modern .layui-card,
body.lizii-ui-modern .layui-table-view,
body.lizii-ui-modern .layui-layer,
body.lizii-ui-modern .layui-layer-page { background: var(--lizii-panel); color: var(--lizii-text); border-color: var(--lizii-border); box-shadow: 0 6px 18px rgba(15, 23, 42, .08); }
body.lizii-ui-modern .layui-card { border: 1px solid var(--lizii-border); border-radius: var(--lizii-radius); box-shadow: none; }
body.lizii-ui-modern .layui-card-header { height: 48px; line-height: 48px; color: var(--lizii-text); border-color: var(--lizii-border); font-size: 15px; font-weight: 600; }
body.lizii-ui-modern .layui-card-body { color: var(--lizii-text); }
body.lizii-ui-modern .layui-form-pane .layui-form-label { background: #f7f9fc; border-color: var(--lizii-border); color: var(--lizii-muted); }
body.lizii-ui-modern .layui-input,
body.lizii-ui-modern .layui-textarea,
body.lizii-ui-modern .layui-select-title input,
body.lizii-ui-modern .layui-form-select dl { background: #ffffff; border-color: var(--lizii-border); color: var(--lizii-text); }
body.lizii-ui-modern .layui-input:focus,
body.lizii-ui-modern .layui-textarea:focus,
body.lizii-ui-modern .layui-select-title input:focus { border-color: var(--lizii-primary) !important; }
body.lizii-ui-modern .layui-input::placeholder,
body.lizii-ui-modern .layui-textarea::placeholder { color: #71809a; }
body.lizii-ui-modern .layui-form-select dl dd { color: var(--lizii-text); }
body.lizii-ui-modern .layui-form-select dl dd:hover,
body.lizii-ui-modern .layui-form-select dl dd.layui-this { background: var(--lizii-primary-weak); color: #c2410c; }
/* KJ keeps Layui's semantic button palette; orange is reserved for navigation and selection. */
body.lizii-ui-modern .layui-btn { background: #009688; border-color: #009688; border-radius: 4px; }
body.lizii-ui-modern .layui-btn:not(.layui-btn-primary),
body.lizii-ui-modern a.layui-btn:not(.layui-btn-primary) { color: #fff !important; }
body.lizii-ui-modern .layui-btn:hover { background: #009688; border-color: #009688; opacity: .85; }
body.lizii-ui-modern .layui-btn-primary { background: #fff; color: #344054; border-color: #d0d5dd; }
body.lizii-ui-modern .layui-btn-primary:hover { background: #f9fafb; color: #1d2939; border-color: #98a2b3; }
body.lizii-ui-modern .layui-btn-danger { background: #ff5722; border-color: #ff5722; }
body.lizii-ui-modern .layui-btn-warm { background: #ffb800; border-color: #ffb800; }
body.lizii-ui-modern .layui-btn-normal { background: #1e9fff; border-color: #1e9fff; }
body.lizii-ui-modern .layui-form-label,
body.lizii-ui-modern .layui-form-mid,
body.lizii-ui-modern .layui-form-checkbox span,
body.lizii-ui-modern .layui-form-radio > i { color: #475467; }
body.lizii-ui-modern .layui-form-checkbox[lay-skin=primary] i { border-color: #98a2b3; }
body.lizii-ui-modern .layui-form-checked[lay-skin=primary] i { background-color: var(--lizii-primary); border-color: var(--lizii-primary); }
body.lizii-ui-modern .layui-form-radioed > i,
body.lizii-ui-modern .layui-form-radio > i:hover { color: var(--lizii-primary); }
body.lizii-ui-modern .layui-table-cell .layui-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 22px;
    line-height: 22px;
    padding: 0 8px;
    box-sizing: border-box;
    white-space: nowrap;
}
body.lizii-ui-modern .layui-table-cell .layui-btn-xs {
    height: 22px !important;
    min-height: 22px !important;
    line-height: 22px !important;
}
body.lizii-ui-modern .layui-table-cell .layui-btn:not(.layui-btn-danger) {
    background: #009688 !important;
    border-color: #009688 !important;
    color: #fff !important;
}
body.lizii-ui-modern .layui-table-cell .layui-btn.layui-btn-danger {
    background: #ff5722 !important;
    border-color: #ff5722 !important;
    color: #fff !important;
}

/* Tables and pagination */
body.lizii-ui-modern .layui-table,
body.lizii-ui-modern .layui-table-view,
body.lizii-ui-modern .layui-table-box { background: var(--lizii-panel); color: var(--lizii-text); }
body.lizii-ui-modern .layui-table th,
body.lizii-ui-modern .layui-table td,
body.lizii-ui-modern .layui-table-view,
body.lizii-ui-modern .layui-table-header,
body.lizii-ui-modern .layui-table-tool,
body.lizii-ui-modern .layui-table-page,
body.lizii-ui-modern .layui-table-fixed-r { border-color: var(--lizii-border); }
body.lizii-ui-modern .layui-table-header,
body.lizii-ui-modern .layui-table thead tr,
body.lizii-ui-modern .layui-table-tool,
body.lizii-ui-modern .layui-table-patch { background: #f7f9fc; }
body.lizii-ui-modern .layui-table th { color: #475467; font-weight: 600; }
body.lizii-ui-modern .layui-table td { color: var(--lizii-text); background: var(--lizii-panel); }
body.lizii-ui-modern .layui-table tbody tr:hover td,
body.lizii-ui-modern .layui-table-hover,
body.lizii-ui-modern .layui-table-click { background: #f7f9fc !important; }
body.lizii-ui-modern .layui-table-fixed { box-shadow: 2px 0 6px rgba(0,0,0,.18); }
body.lizii-ui-modern .layui-laypage a,
body.lizii-ui-modern .layui-laypage span { background: #ffffff; border-color: var(--lizii-border); color: var(--lizii-muted); }
body.lizii-ui-modern .layui-laypage a:hover { color: var(--lizii-text); }
body.lizii-ui-modern .layui-laypage .layui-laypage-curr .layui-laypage-em { background: var(--lizii-primary); }
body.lizii-ui-modern .layui-laypage .layui-laypage-curr em { color: #fff; }

/* Layers, notices, and legacy inline values */
body.lizii-ui-modern .layui-layer-title { background: #f7f9fc; color: var(--lizii-text); border-color: var(--lizii-border); }
body.lizii-ui-modern .layui-layer-setwin a { color: var(--lizii-muted); }
body.lizii-ui-modern .layui-layer-content,
body.lizii-ui-modern .layui-layer-dialog .layui-layer-content { color: var(--lizii-text); }
body.lizii-ui-modern .layui-layer-btn { border-color: var(--lizii-border); background: var(--lizii-panel); }
body.lizii-ui-modern .layui-layer-btn a { background: var(--lizii-primary); border-color: var(--lizii-primary); }
body.lizii-ui-modern .layui-layer-btn .layui-layer-btn1 { background: transparent; border-color: #45536b; color: #cbd5e1; }
/* Keep transient feedback readable without turning it into a dark block over the form. */
body.lizii-ui-modern .layui-layer-msg {
    min-width: 0;
    border: 1px solid #dbe5df !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .14) !important;
    color: #344054 !important;
}
body.lizii-ui-modern .layui-layer-msg .layui-layer-content { color: #344054 !important; }
body.lizii-ui-modern .layui-layer-msg .layui-layer-content .layui-icon { color: #16a34a !important; }
/* Replace Layer's legacy oval loader with the same compact orange spinner used by the modern shell. */
body.lizii-ui-modern .layui-layer-shade {
    background: rgba(17, 24, 39, .10) !important;
    opacity: 1 !important;
}
body.lizii-ui-modern .layui-layer-loading {
    width: 48px !important;
    height: 48px !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .18) !important;
}
body.lizii-ui-modern .layui-layer-loading .layui-layer-content {
    width: 48px !important;
    height: 48px !important;
    padding: 0 !important;
    line-height: 48px !important;
}
body.lizii-ui-modern .layui-layer-loading-2 { width: 48px; height: 48px; }
body.lizii-ui-modern .layui-layer-loading-2:before,
body.lizii-ui-modern .layui-layer-loading-2:after {
    top: 50%;
    left: 50%;
    width: 26px;
    height: 26px;
    margin: -13px 0 0 -13px;
    border: 3px solid #fed7aa;
}
body.lizii-ui-modern .layui-layer-loading-2:after {
    border-color: transparent;
    border-top-color: var(--lizii-primary);
    border-right-color: var(--lizii-primary);
    animation: lizii-loading-spin .72s linear infinite;
}
@keyframes lizii-loading-spin { to { transform: rotate(360deg); } }
body.lizii-ui-modern .layui-elem-quote { background: #ffffff; border-color: var(--lizii-primary); color: var(--lizii-text); }
body.lizii-ui-modern .layui-badge,
body.lizii-ui-modern .layui-bg-orange { background-color: var(--lizii-primary) !important; }
body.lizii-ui-modern .layui-bg-green { background-color: #16a34a !important; }
body.lizii-ui-modern .zoom-preview { background: var(--lizii-panel) !important; border-color: var(--lizii-border) !important; }
body.lizii-ui-modern .table-load-time,
body.lizii-ui-modern .text-grey { color: var(--lizii-muted) !important; }

@media screen and (max-width: 992px) {
    body.lizii-ui-modern .layui-layout-admin .layui-side { width: 224px; }
    body.lizii-ui-modern .layui-layout-admin .layui-layout-left,
    body.lizii-ui-modern .layadmin-pagetabs,
    body.lizii-ui-modern .layui-layout-admin .layui-body { left: 0; }
    body.lizii-ui-modern .lizii-header-modules .layui-nav-item > a { padding: 0 11px; }
}