/* Final merchant workspace surface. Higher specificity retires the old dark skin. */
body.nexapay-merchant-ui .ant-layout-sider.jeepay-menu,
body.nexapay-merchant-ui .jeepay-menu .sider-header,
body.nexapay-merchant-ui .jeepay-menu .ant-menu,
body.nexapay-merchant-ui .jeepay-menu .ant-menu-sub{background:#fff!important;border:0!important;box-shadow:none!important}
body.nexapay-merchant-ui .ant-layout-sider.jeepay-menu{border-right:1px solid #eeebf4!important;border-radius:0!important}
body.nexapay-merchant-ui .jeepay-menu .sider-header{height:100px!important;padding:22px 24px!important}
body.nexapay-merchant-ui .jeepay-menu .nexa-brand-link{background:transparent!important;border-radius:0!important;box-shadow:none!important;padding:0!important;min-height:0!important;max-width:100%}
body.nexapay-merchant-ui .jeepay-menu .nexa-logo{width:192px;height:56px;background:transparent!important}
body.nexapay-merchant-ui .jeepay-menu .nexa-logo--icon{width:44px;height:48px}
body.nexapay-merchant-ui .jeepay-menu .ant-menu{padding:8px 16px!important}
body.nexapay-merchant-ui .jeepay-menu .ant-menu-sub{padding:0!important}
body.nexapay-merchant-ui .jeepay-menu .ant-menu-item,
body.nexapay-merchant-ui .jeepay-menu .ant-menu-submenu-title{height:46px!important;line-height:46px!important;color:#746c80!important;border-radius:10px!important;font-size:13px!important;font-weight:500!important;margin:5px 0!important}
body.nexapay-merchant-ui .jeepay-menu .ant-menu-item:hover,
body.nexapay-merchant-ui .jeepay-menu .ant-menu-submenu-title:hover{background:#f7f4fc!important;color:#49325f!important}
body.nexapay-merchant-ui .jeepay-menu .ant-menu-item-selected,
body.nexapay-merchant-ui .jeepay-menu .ant-menu-item-selected:hover{background:#f0eaf9!important;color:#563877!important;box-shadow:none!important;border-left:0!important;font-weight:650!important}
body.nexapay-merchant-ui .jeepay-menu .ant-menu-submenu-selected>.ant-menu-submenu-title{color:#563877!important}
body.nexapay-merchant-ui .jeepay-menu .ant-menu-item .anticon,
body.nexapay-merchant-ui .jeepay-menu .ant-menu-submenu-title .anticon{color:inherit!important;font-size:17px!important}
body.nexapay-merchant-ui .customhead{background:#f6f5fa!important;border-bottom:0!important;box-shadow:none!important;height:66px!important;backdrop-filter:none}
body.nexapay-merchant-ui .customhead .nexa-language{background:#fff;border:1px solid #e9e3f1;border-radius:9px;font-size:12px}
body.nexapay-merchant-ui .ant-layout-content{padding-top:92px!important}
body.nexapay-merchant-ui #chart-card{max-width:1600px;margin:0 auto}
body.nexapay-merchant-ui #chart-card .nexa-workspace-intro{margin:0 0 24px;padding:0 2px}
body.nexapay-merchant-ui #chart-card .nexa-workspace-intro h1{font-size:30px;font-weight:700;letter-spacing:-1px;margin:3px 0 8px;color:#21192d}
body.nexapay-merchant-ui #chart-card .nexa-workspace-intro .nexa-section-kicker{font-size:10px;font-weight:650;letter-spacing:1.8px;margin-bottom:4px;color:#93859f}
body.nexapay-merchant-ui #chart-card .nexa-workspace-status{padding:7px 11px;font-size:11px}
body.nexapay-merchant-ui #chart-card .chart-top{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;padding:0!important;width:100%!important}
body.nexapay-merchant-ui #chart-card .chart-top .chart-item,
body.nexapay-merchant-ui #chart-card .chart-bottom>.chart-item{padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;min-width:0!important;max-width:none!important;width:auto!important}
body.nexapay-merchant-ui #chart-card .top-middle{display:contents!important}
body.nexapay-merchant-ui #chart-card .middle-top,
body.nexapay-merchant-ui #chart-card .middle-bottom{display:block!important;height:auto!important;min-width:0;order:0!important}
body.nexapay-merchant-ui #chart-card .chart-top .top-left{min-height:0!important;order:0!important}
body.nexapay-merchant-ui #chart-card .chart-top .top-right{grid-column:1/-1;order:-1!important}
body.nexapay-merchant-ui #chart-card .chart-data{border:1px solid #e8e3ef!important;border-radius:18px!important;background:#fff!important;box-shadow:0 3px 16px #35204b03!important;padding:24px!important;min-height:0!important}
body.nexapay-merchant-ui #chart-card .top-left .chart-data{background:linear-gradient(125deg,#f3edf9,#fff)!important}
body.nexapay-merchant-ui #chart-card .top-left .chart-data,
body.nexapay-merchant-ui #chart-card .middle-larger .chart-data{height:206px!important}
body.nexapay-merchant-ui #chart-card .analy-title{padding:0!important;font-size:12px!important;color:#80738e!important;font-weight:550!important;line-height:20px}
body.nexapay-merchant-ui #chart-card .analy-title .anticon{color:#a195b0;font-size:13px}
body.nexapay-merchant-ui #chart-card .pay-amount-text{height:auto!important;line-height:1.2!important;margin:12px 0 0!important;padding:0!important;gap:8px;flex-wrap:wrap;align-items:baseline}
body.nexapay-merchant-ui #chart-card .pay-amount,
body.nexapay-merchant-ui #chart-card .ant-statistic-content{font-size:36px!important;font-weight:650!important;letter-spacing:-1px;color:#2b2037!important;font-variant-numeric:tabular-nums;line-height:1.2!important}
body.nexapay-merchant-ui #chart-card .pay-amount-text>span:not(.pay-amount){font-size:11px;color:#9689a1}
body.nexapay-merchant-ui #chart-card .middle-larger .ant-statistic{margin-top:21px!important}
body.nexapay-merchant-ui #chart-card #payAmount{height:43px!important;margin-top:8px;opacity:.6}
body.nexapay-merchant-ui #chart-card .payAmountSpan{left:24px;right:24px;bottom:19px!important;width:auto!important;padding:0!important;gap:5px;font-size:10px!important;color:#91839f!important}
body.nexapay-merchant-ui #chart-card .user-greet{display:flex;align-items:center;justify-content:space-between;gap:24px;height:auto!important;padding:20px 24px!important}
body.nexapay-merchant-ui #chart-card .user-greet>.ant-skeleton{width:100%}
body.nexapay-merchant-ui #chart-card .user-greet-title{border:0!important;padding:0!important;align-items:center;min-width:0;flex:1}
body.nexapay-merchant-ui #chart-card .user-greet-title>.user-greet-all{align-items:center;min-width:0}
body.nexapay-merchant-ui #chart-card .user-greet-img{width:42px!important;height:42px!important;flex:0 0 42px;background:#f1ecf7!important;margin-right:13px!important}
body.nexapay-merchant-ui #chart-card .user-greet-img img{width:42px!important;height:42px!important;border:0!important;border-radius:50%;object-fit:cover}
body.nexapay-merchant-ui #chart-card .user-greet-all .user-greet-all{font-size:16px!important;font-weight:600;line-height:1.5;min-width:0}
body.nexapay-merchant-ui #chart-card .user-greet-all .user-greet-all>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:34vw}
body.nexapay-merchant-ui #chart-card .user-greet-all .user-greet-all>div{color:#94869f;font-weight:400;font-size:11px!important}
body.nexapay-merchant-ui #chart-card .there-spot{width:20px;height:20px;margin-left:16px;opacity:.65}
body.nexapay-merchant-ui #chart-card .quick-start{padding:0!important;max-width:55%;display:flex;align-items:center;gap:10px}
body.nexapay-merchant-ui #chart-card .quick-start-title{display:none}
body.nexapay-merchant-ui #chart-card .quick-start-ul{display:flex;gap:8px;margin:0!important;align-items:center;flex-wrap:wrap;justify-content:flex-end}
body.nexapay-merchant-ui #chart-card .quick-start-ul li{margin:0!important}
body.nexapay-merchant-ui #chart-card .quick-start-ul li a{margin:0!important;padding:9px 13px;background:#f8f5fc!important;border:1px solid #eee8f5;color:#72538f!important;font-size:11px!important;white-space:nowrap}
body.nexapay-merchant-ui #chart-card .chart-bottom{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)!important;gap:20px!important;padding:24px 0 0!important}
body.nexapay-merchant-ui #chart-card .chart-bottom .chart-data{padding:24px!important;height:100%!important;min-height:380px!important}
body.nexapay-merchant-ui #chart-card .pay-count-title{gap:12px;align-items:center;margin-bottom:24px}
body.nexapay-merchant-ui #chart-card .chart-title{font-size:14px!important;font-weight:650!important;margin:0!important;color:#493852!important}
body.nexapay-merchant-ui #chart-card .chart-padding{border:0!important;margin:0!important;min-width:0!important;max-width:265px;flex-grow:0;flex-basis:250px}
body.nexapay-merchant-ui #chart-card .chart-padding .ant-picker{height:36px;border:1px solid #e9e2f0!important;border-radius:9px!important;background:#fcfafd!important}
body.nexapay-merchant-ui #chart-card .chart-padding .ant-picker-input>input{font-size:11px;color:#7e6e8b}
body.nexapay-merchant-ui #chart-card .empty{height:250px!important;opacity:.75;font-size:12px;color:#a093ab}
body.nexapay-merchant-ui #chart-card .empty img{width:78px!important;margin-bottom:14px}
body.nexapay-merchant-ui #chart-card .nexa-metric-note{font-size:10px!important;margin:16px 2px!important;color:#a092aa!important}
@media(max-width:1250px){body.nexapay-merchant-ui #chart-card .chart-bottom{grid-template-columns:1fr!important}body.nexapay-merchant-ui #chart-card .payAmountSpan{flex-direction:column;gap:3px}body.nexapay-merchant-ui #chart-card .pay-amount,body.nexapay-merchant-ui #chart-card .ant-statistic-content{font-size:30px!important}}
@media(max-width:700px){body.nexapay-merchant-ui .ant-layout-content{padding:84px 16px 20px!important}body.nexapay-merchant-ui #chart-card .chart-top{grid-template-columns:1fr!important;gap:14px!important}body.nexapay-merchant-ui #chart-card .top-left .chart-data,body.nexapay-merchant-ui #chart-card .middle-larger .chart-data{height:175px!important}body.nexapay-merchant-ui #chart-card .user-greet{flex-wrap:wrap;gap:14px;padding:18px!important}body.nexapay-merchant-ui #chart-card .user-greet-title{flex-basis:100%}body.nexapay-merchant-ui #chart-card .user-greet-all .user-greet-all>span{max-width:65vw}body.nexapay-merchant-ui #chart-card .quick-start{max-width:100%}body.nexapay-merchant-ui #chart-card .quick-start-ul{justify-content:flex-start}body.nexapay-merchant-ui #chart-card .chart-bottom .chart-data{padding:18px!important}body.nexapay-merchant-ui #chart-card .pay-count-title{align-items:flex-start;flex-direction:column}body.nexapay-merchant-ui #chart-card .chart-padding{flex-basis:auto;max-width:100%;width:100%}}
