/* Measured reference corrections, 2026-11-03. */
html[theme] .xf-page-security .xf-row-card__title{font:500 20px/28px Arial,sans-serif;gap:16px}
html[theme] .xf-page-security .xf-row-card__title small{font:12px/20px Arial,sans-serif;color:var(--xf-muted)}
html[theme] .xf-page-security .xf-row-card__status{font:13px/20px Arial,sans-serif;color:#4caf50}
html[theme] .xf-page-security .xf-row-card__desc{color:#38536d;font:14px/24px Arial,sans-serif;margin-top:40px}
html[theme] .xf-page-security .xf-row-card .xf-btn{min-width:96px;height:38px;font:14px/36px Arial,sans-serif;color:#6558ff;border:1px solid #6558ff;background:var(--xf-card);box-shadow:none}
html[theme] .xf-page-security .xf-row-card .xf-btn--accent{background:#6558ff;color:#fff}
html[theme] .xf-page-security .xf-row-card .xf-btn.is-disabled{opacity:.5;cursor:not-allowed}
html[theme] .xf-page-security .xf-summary__side{margin-left:auto;width:48%;font:14px/30px Arial,sans-serif;color:#38536d}
html[theme] .xf-page-security .xf-summary .xf-user-name{font:600 18px/28px Arial,sans-serif}
html[theme] .xf-page-security .xf-summary .xf-tag{font:14px/20px Arial,sans-serif;height:20px;border-radius:2px;background:#eef1f7;color:#111;padding:0 6px}
html[theme] .xf-page-security .xf-summary__hint{font-size:14px;color:var(--xf-muted)}
/* Module product pages, not just productList.htm. */
html[theme] .product .config-box{max-width:1264px;margin:0 auto}
html[theme] .product .config-box .main-card{background:transparent!important;padding:0!important;box-shadow:none!important;border:0!important}
html[theme] .product .main-card-table{display:contents}
html[theme] .product .xf-module-heading{box-sizing:border-box;height:148px;padding:24px 16px;background:var(--xf-card);box-shadow:var(--xf-shadow);margin-bottom:8px}
html[theme] .product .xf-module-heading h2,html[theme] .product .xf-module-empty h2{font:400 24px/36px Arial,sans-serif;margin:0;color:var(--xf-text)}
html[theme] .product .xf-module-heading p{font:14px/24px Arial,sans-serif;margin:32px 0 0;color:var(--xf-ink)}
html[theme] .product .xf-module-filters{box-sizing:border-box;min-height:86px;padding:16px!important;background:var(--xf-card);box-shadow:var(--xf-shadow);display:flex;align-items:center;gap:8px;margin:0 0 26px!important;flex-wrap:wrap}
html[theme] .product .xf-open-only{font:14px/24px Arial,sans-serif;white-space:nowrap}
html[theme] .product .xf-module-filters .right-search{margin-left:auto;display:flex;align-items:center;gap:8px}
html[theme] .product .xf-module-filters .el-input{max-width:296px}
html[theme] .product .xf-module-empty{box-sizing:border-box;min-height:188px;padding:24px 16px;background:var(--xf-card);box-shadow:var(--xf-shadow);margin:0 0 18px}
html[theme] .product .xf-module-empty p{font:14px/24px Arial,sans-serif;margin:32px 0 0;color:var(--xf-ink)}
html[theme] .product .xf-module-empty p+p{margin-top:16px}
html[theme] .product .el-table{background:var(--xf-card)}
/* Reference billing page. Other records remain reachable through sidebar. */
html[theme] #finance.xf-billing-view .el-tabs__header,html[theme] #finance.xf-billing-view .xf-fin-legend{display:none}
html[theme] #finance.xf-billing-view .xf-fin-head{margin:0 0 32px;padding:0}
html[theme] #finance.xf-billing-view .xf-fin-filters{gap:8px}
html[theme] #finance.xf-billing-view .xf-fin-filter{font:500 14px/36px Arial,sans-serif;padding:0 16px;color:var(--xf-ink)}
html[theme] #finance.xf-billing-view .xf-fin-bar{margin:0;padding:0;min-height:36px;height:auto;background:transparent;border:0}
html[theme] #finance.xf-billing-view .xf-fin-bar .left_tips{display:flex;align-items:center;gap:4px}
html[theme] #finance.xf-billing-view .xf-fin-bar .left_tips>.xf-fin-ghost{display:none}
html[theme] #finance.xf-billing-view .xf-fin-bar-right{display:none}
html[theme] #finance .xf-unpaid-reference{font:14px/24px Arial,sans-serif;color:var(--xf-ink)}
html[theme] #finance.xf-billing-view .xf-fin-table .el-table{box-shadow:var(--xf-shadow);border:1px solid var(--xf-line)}
html[theme] #finance.xf-billing-view .xf-fin-table .el-table th{height:80px;background:var(--xf-card)!important}
html[theme] #finance.xf-billing-view .xf-fin-table .el-table__empty-block{display:none}
html[theme] #finance.xf-billing-view .myPage{margin-top:24px}
/* Ticket empty state, from supporttickets. */
html[theme] .xf-ticket-page .xf-ticket-head{padding:24px 16px 32px;min-height:275px}
html[theme] .xf-ticket-page .xf-ticket-head-title{font:400 24px/36px Arial,sans-serif}
html[theme] .xf-ticket-page .xf-ticket-new{margin:0 0 24px!important;float:none}
html[theme] .xf-ticket-page .xf-ticket-empty-title{font:400 34px/40px Arial,sans-serif}
html[theme] .xf-ticket-page .xf-ticket-empty-title-row{gap:8px;align-items:center}
html[theme] .xf-ticket-page .xf-ticket-empty-desc{font:14px/24px Arial,sans-serif;margin-top:24px}
html[theme] .xf-recharge-page h2{font:400 24px/36px Arial,sans-serif;margin:0 0 32px}
html[theme] .xf-recharge-page .xf-card{margin-bottom:18px;min-height:139px}
html[theme] .xf-recharge-page label{display:block;margin-top:24px;font:12px/24px Arial,sans-serif}
html[theme] .xf-recharge-page .el-input-number{display:block;width:100%;margin-bottom:16px}
html[theme] .xf-recharge-page .xf-recharge-amounts{margin-bottom:24px;display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:768px){html[theme] .xf-page-security .xf-summary__side{width:100%;margin-left:0}html[theme] .product .xf-module-filters .right-search{width:100%;margin-left:0;flex-wrap:wrap}html[theme] .xf-ticket-page .xf-ticket-empty-title{font-size:26px}}
html[theme] #finance.xf-billing-view .el-tabs__content{min-height:0}
html[theme] #finance.xf-billing-view .xf-fin-card{min-height:328px;padding:24px 16px}
html[theme] #finance.xf-billing-view .xf-fin-title{font:400 24px/36px Arial,sans-serif}
html[theme] #finance.xf-billing-view .xf-fin-filter{border-bottom:0!important}
html[theme] #finance.xf-billing-view .xf-fin-table .el-pagination button,html[theme] #finance.xf-billing-view .xf-fin-table .el-pager li{width:34px;height:34px;line-height:32px;margin:0;border-radius:0;font-size:14px}
html[theme] .template.xf-ticket-page .xf-ticket-empty{margin-top:0}
html[theme] .template.xf-ticket-page .xf-ticket-empty-title{font:400 34px/40px Arial,sans-serif}
html[theme] .template.xf-ticket-page .xf-ticket-empty-desc{font:14px/24px Arial,sans-serif;margin:24px 0 0;color:var(--xf-ink)}
html[theme] .template.xf-ticket-page .xf-ticket-new{height:36px;font:500 14px/36px Arial,sans-serif;padding:0 16px}
html[theme] .product .el-main{padding-top:92px!important}
html[theme] .product .xf-module-filters .search-btn{display:none}
html[theme] .product .xf-module-filters>.el-select{width:220px}
html[theme] .product .xf-module-filters .right-search .el-input__inner{border-radius:20px;height:38px}
html[theme] .product .xf-order-product{background:#6558ff;color:#fff;font:500 12px/28px Arial,sans-serif;border-radius:2px;padding:0 16px}
html[theme] body.xf-dark .xf-page-security :is(.xf-row-card__desc,.xf-summary__side){color:var(--xf-text)}
@media(max-width:768px){html[theme] .template.xf-ticket-page .xf-ticket-empty-title{font-size:26px;line-height:36px}html[theme] .product .el-main{padding-top:76px!important}}
html[theme] #finance.xf-billing-view .xf-fin-bar{margin-top:6px}
html[theme] #finance.xf-billing-view .xf-fin-table{margin-top:0!important}
html[theme] #finance.xf-billing-view .xf-fin-table .el-table{margin-bottom:12px!important}
html[theme] #finance.xf-billing-view .xf-fin-table .myPage{margin-top:16px!important}
html[theme] #finance.xf-billing-view .xf-fin-card{padding-bottom:16px}
html[theme] .template.xf-ticket-page .xf-ticket-empty-desc{margin-top:18px}
html[theme] .template.xf-ticket-page .xf-ticket-empty-desc+.xf-ticket-empty-desc{margin-top:16px}

/* Match the reference MDUI neutral dark surfaces and authentication controls. */
html[theme] body.xf-dark{--xf-card:#424242;--xf-soft:#515151;--xf-soft-2:#515151;--xf-line:#616161;--xf-line-2:#757575;--xf-ink:#fff;--xf-text:#fff;--xf-muted:#bdbdbd;--xf-muted-2:#bdbdbd;--xf-placeholder:#bdbdbd;--color-menu-bg:#424242;--color-menu-hover-bg:#515151;--color-menu-active-bg:#515151;--xf-accent:#9fa8da}
html[theme] body.xf-dark :is(.el-header,.el-aside){background:#424242!important}
html[theme] body.xf-dark :is(.template,.goods,.product) .menu-top .el-menu-item.is-active{background:#515151!important}
html[data-xf-dark='1'] #mainLoading{background:#424242!important}
html[theme] :is(.template,.goods,.product) .xf-site-footer,html[theme] :is(.template,.goods,.product) .xf-site-footer p{color:#000}
html[theme] body.xf-dark :is(.template,.goods,.product) .xf-site-footer,html[theme] body.xf-dark :is(.template,.goods,.product) .xf-site-footer p{color:#fff}
html[theme] .template.xf-auth-page .xf-auth-aside-link{display:flex;align-items:center;gap:32px;min-height:48px;padding:0 16px;font:14px/24px Arial,sans-serif;color:var(--xf-text);font-weight:400}
html[theme] .template.xf-auth-page .xf-auth-aside-link :is(.xf-material,.xf-auth-icon-space){width:24px;flex:none;font:24px/24px 'XF Material Icons';color:#757575}
html[theme] .template.xf-auth-page .xf-auth-copy{background-image:none!important}
html[theme] .template.xf-auth-page .xf-auth-copy img,html[theme] .template.xf-auth-page .xf-auth-copy::before,html[theme] .template.xf-auth-page .xf-auth-copy::after{display:none!important}
html[theme] .template.xf-page-forget #forget .login-top{display:flex;justify-content:center;margin:0;height:48px;border:0}
html[theme] .template.xf-page-forget #forget .login-top>div{box-sizing:border-box;height:48px;flex:0 1 160px;min-width:0;margin:0;padding:0 12px;font:500 14px/48px Arial,sans-serif;color:var(--xf-ink);opacity:.7;border:0;border-bottom:2px solid transparent;cursor:pointer}
html[theme] .template.xf-page-forget #forget .login-top>div.active{color:#3f51b5;opacity:1;border-bottom-color:#3f51b5}
html[theme] body.xf-dark .template.xf-page-forget #forget .login-top>div.active{color:#9fa8da;border-bottom-color:#9fa8da}
html[theme] .template.xf-page-forget #forget .form-item{margin-top:28px}
html[theme] .template.xf-page-forget #forget .el-input__inner:focus{border:0!important;border-bottom:1px solid #3f51b5!important;box-shadow:0 1px 0 0 #3f51b5!important;outline:none}
html[theme] .template.xf-page-forget #forget .form-item:focus-within>.xf-auth-label,html[theme] .template.xf-page-forget #forget .xf-forget-code-label:has(+.code-item:focus-within){color:#3f51b5}
html[theme] .template.xf-page-forget #forget .el-input-group__prepend{width:80px;padding:0}
html[theme] .template.xf-page-forget #forget .el-input-group__prepend .el-select{width:100%;margin:0}
html[theme] .template.xf-page-forget #forget .el-input-group__prepend .el-input__inner{padding:0 25px 0 8px}
html[theme] body.xf-dark .template.xf-page-forget #forget .el-input__inner:focus{border-bottom-color:#9fa8da!important;box-shadow:0 1px 0 0 #9fa8da!important}

html[theme] .template.xf-page-forget #forget .code-item{margin-top:4px}
html[theme] body.xf-dark .template.xf-auth-page .el-input-group__prepend{background:#424242;color:#fff;border-color:#757575}
html[theme] body.xf-dark .template.xf-auth-page .el-input-group__prepend .el-input__inner{background:transparent!important;color:#fff}
html[theme] body.xf-dark .template.xf-page-forget #forget .form-item:focus-within>.xf-auth-label{color:#9fa8da}