/* Nexana Pay UI V2.6.7 — Premium Polish
   Purpose: final visual refinement only. No business/state logic lives here. */

:root{
  --portal-radius-lg:18px;
  --portal-radius-md:14px;
  --portal-border:#dfe8f2;
  --portal-muted:#687f97;
  --portal-muted-soft:#8295a9;
  --portal-panel-shadow:0 8px 24px rgba(20,53,91,.045);
  --portal-panel-shadow-hover:0 12px 30px rgba(20,53,91,.07);
  --portal-section-gap:14px;
}

/* --------------------------------------------------------------------------
   Marketing homepage — reduce template/card repetition, keep current identity
   -------------------------------------------------------------------------- */
.route-home .nh-features{padding-top:24px;padding-bottom:25px}
.route-home .nh-feature-grid{gap:12px}
.route-home .nh-feature-grid article{min-height:112px;padding:17px 16px;border-radius:16px;box-shadow:0 7px 20px rgba(20,50,102,.035)}
.route-home .nh-feature-icon{width:38px;height:38px;border-radius:12px;font-size:13px;box-shadow:0 8px 18px rgba(31,99,255,.16)}
.route-home .nh-feature-grid h3{font-size:15px;margin-bottom:5px}
.route-home .nh-feature-grid p{font-size:12.5px;line-height:1.56;color:#6c829b}
.route-home .nh-duo-grid{gap:14px}
.route-home .nh-panel{border-radius:20px;box-shadow:0 8px 24px rgba(20,50,102,.035)}
.route-home .nh-security-panel{background:linear-gradient(135deg,#fff 0%,#fbfdff 52%,#f2f7ff 100%)}
.route-home .nh-currency-panel{background:linear-gradient(135deg,#fff 0%,#fcfdff 54%,#f4f8ff 100%)}
.route-home .nh-topup-grid{gap:14px}
.route-home .nh-topup-card,.route-home .nh-device-card{border-radius:20px;box-shadow:0 8px 24px rgba(20,50,102,.035)}
.route-home .nh-topup-card{padding:21px}
.route-home .nh-topup-card h3{font-size:21px}
.route-home .nh-topup-card p{font-size:13px;line-height:1.6}
.route-home .nh-crypto-row,.route-home .nh-fiat-badges{gap:7px;margin-top:13px}
.route-home .nh-crypto-row span,.route-home .nh-fiat-badges span{padding:7px 9px;border-radius:10px;font-size:11px}
/* Replace the toy-like crypto illustration with a more product/dashboard-like rail. */
.route-home .nh-crypto-visual{min-height:205px;margin-top:16px;border:1px solid #e4ebf5;background:linear-gradient(180deg,#fbfdff,#f3f7fd)}
.route-home .nh-crypto-visual:before{inset:16px 14px 18px;left:14px;right:14px;bottom:18px;height:auto;transform:none;border-radius:14px;background:linear-gradient(#fff,#fff),linear-gradient(90deg,#e8eef8 1px,transparent 1px),linear-gradient(#e8eef8 1px,transparent 1px);background-size:auto,28px 28px,28px 28px;box-shadow:0 10px 25px rgba(24,59,105,.05);opacity:1}
.route-home .nh-crypto-wallet{left:50%;bottom:62px;width:136px;height:78px;border-radius:15px;background:linear-gradient(135deg,#0b4fda,#1767ff);box-shadow:0 16px 28px rgba(18,80,196,.19)}
.route-home .nh-crypto-wallet .wallet-card{left:16px;top:15px;width:68px;height:12px;border-radius:5px;background:rgba(255,255,255,.86);box-shadow:none}
.route-home .nh-crypto-wallet .wallet-card:after{content:"USDT   5,380.45";position:absolute;left:0;top:20px;width:105px;color:#fff;font-size:9px;font-weight:800;letter-spacing:.01em;white-space:nowrap}
.route-home .nh-crypto-wallet .wallet-shield{left:auto;right:12px;top:13px;width:31px;height:35px;background:rgba(255,255,255,.16);color:#fff;font-size:12px;filter:none}
.route-home .nh-crypto-wallet .wallet-button{right:12px;top:auto;bottom:11px;width:46px;height:7px;border-radius:999px;background:rgba(255,255,255,.45);box-shadow:none}
.route-home .nh-float-coin{width:40px;height:40px;box-shadow:0 8px 20px rgba(53,96,165,.09)}
.route-home .nh-float-coin img{width:25px;height:25px}
.route-home .nh-float-coin.coin-btc{left:13%;top:21%}.route-home .nh-float-coin.coin-eth{right:13%;top:24%}.route-home .nh-float-coin.coin-usdt{left:14%;bottom:10%;width:34px;height:34px}
.route-home .nh-float-coin.coin-usdt img{width:21px;height:21px}
/* Slightly improve readability inside the tablet without changing outer scale. */
.route-home .nh-tablet-main{padding:3.7% 4.4%}
.route-home .nh-tablet-nav>span{min-height:8.6%;font-size:6.3px}
.route-home .nh-tablet-titlebar>div:first-child h4{font-size:11.8px}
.route-home .nh-tablet-assets b{font-size:7.5px}.route-home .nh-tablet-assets small{font-size:5.7px}
.route-home .nh-summary-field strong{font-size:12.3px}.route-home .nh-tablet-demo-cta{font-size:7.2px}
.route-home .nh-analytics-grid{grid-template-columns:1.1fr .8fr .8fr;padding:22px;border-radius:20px;box-shadow:0 8px 24px rgba(20,50,102,.035)}
.route-home .nh-analytics-legend{gap:0}
.route-home .nh-analytics-legend span{min-height:38px;padding:7px 9px;border-bottom:1px solid #edf2f7}
.route-home .nh-analytics-legend span:last-child{border-bottom:0}
.route-home .nh-steps-grid{gap:10px}
.route-home .nh-steps-grid article{padding:18px 15px 15px;border-radius:16px;box-shadow:0 7px 20px rgba(20,50,102,.03)}
.route-home .nh-steps-grid article span{width:30px;height:30px;font-size:12px;margin-bottom:9px}
.route-home .nh-steps-grid h3{font-size:14px;margin-bottom:5px}.route-home .nh-steps-grid p{font-size:11.5px;line-height:1.55}

/* --------------------------------------------------------------------------
   Shared portal design system
   -------------------------------------------------------------------------- */
.consumer-interface .app-main,.business-interface .app-main{background:#f4f7fb}
.portal-panel-v3{border-color:var(--portal-border);border-radius:var(--portal-radius-lg);box-shadow:var(--portal-panel-shadow);padding:19px}
.portal-panel-v3:hover{box-shadow:var(--portal-panel-shadow-hover)}
.portal-panel-head-v3{margin-bottom:14px}
.portal-panel-head-v3 h2{font-size:18px;letter-spacing:-.02em;color:#102b4d}
.portal-panel-head-v3 p{margin-top:3px;font-size:12.5px;line-height:1.55;color:var(--portal-muted)}
.portal-panel-head-v3>a,.portal-panel-head-v3>span{font-size:12px;font-weight:760}
.portal-kpis-v3 article,.business-kpis-v3 article{border-color:var(--portal-border);border-radius:var(--portal-radius-md);box-shadow:var(--portal-panel-shadow)}
.portal-empty-v3{border-color:#d3dfed;background:linear-gradient(180deg,#fbfdff,#f7faff)}

/* --------------------------------------------------------------------------
   Personal dashboard
   -------------------------------------------------------------------------- */
.personal-dashboard-v3{gap:var(--portal-section-gap)}
.personal-hero-v3{min-height:118px;padding:20px 26px;border-radius:17px;background:linear-gradient(112deg,#0b3ea3 0%,#0b5cf4 58%,#1147b7 100%);box-shadow:0 12px 28px rgba(15,79,192,.12)}
.personal-hero-line-v3 h1{font-size:28px}
.personal-hero-copy-v3 p{font-size:13px;margin:6px 0 7px}.personal-hero-copy-v3 small{font-size:11px}
.personal-hero-security-v3{width:360px}.personal-hero-security-v3>span{right:54px;width:62px;height:68px}.personal-hero-security-v3 .ui-icon{width:58px;height:58px}
.personal-kpis-v3{gap:10px}
.portal-kpis-v3 article{min-height:108px;padding:15px 16px;gap:12px}
.portal-kpis-v3 small{font-size:11.5px}.portal-kpis-v3 strong{font-size:21px}.portal-kpis-v3 p,.portal-kpis-v3 a{font-size:11px}
.kpi-icon-v3{flex-basis:42px;height:42px;border-radius:13px}.kpi-progress-ring-v3{flex-basis:54px;height:54px}
.personal-account-body-v3{grid-template-columns:220px 1fr;gap:12px;border:0;border-radius:0;overflow:visible;background:transparent}
.personal-account-facts-v3{padding:4px 12px;border:1px solid #e4ebf3;border-radius:13px;background:#fbfdff}
.personal-account-facts-v3>div{padding:10px 2px;border-bottom-color:#edf2f7}
.personal-account-facts-v3 span,.personal-account-facts-v3 strong{font-size:11.5px}
.personal-kyc-progress-v3{padding:14px 15px;border:1px solid #e4ebf3;border-radius:13px;background:#fff}
.personal-kyc-title-v3 strong{font-size:12.5px}.personal-kyc-title-v3 p{font-size:10.5px}.personal-kyc-progress-v3 dt{font-size:10.5px}.personal-kyc-progress-v3 dd{font-size:11.5px}
.portal-service-grid-v3>a{min-height:76px;padding:11px 12px;border-radius:12px}.portal-service-grid-v3 strong{font-size:12px}.portal-service-grid-v3 small{font-size:10.5px}
.personal-dashboard-grid-v3{align-items:start}.personal-card-overview-v3{align-self:start}
.personal-card-empty-v267{min-height:124px;grid-template-columns:92px minmax(0,1fr) auto;grid-template-rows:auto;align-items:center;justify-items:stretch;text-align:left;padding:18px 20px;column-gap:18px}
.personal-card-empty-v267 .empty-card-ghost-v267{position:relative;width:88px;height:56px;margin:0;border-radius:10px;background:linear-gradient(135deg,#0a3f9f,#0b63f8);box-shadow:0 9px 18px rgba(16,79,181,.15);overflow:hidden}
.personal-card-empty-v267 .empty-card-ghost-v267:before{content:"N  NEXANA PAY";position:absolute;left:10px;top:9px;color:#fff;font-size:6px;font-weight:850;letter-spacing:.04em}
.personal-card-empty-v267 .empty-card-ghost-v267:after{content:"••••  2488";position:absolute;left:10px;bottom:10px;color:#dbe8ff;font:700 7px ui-monospace,monospace;letter-spacing:.06em}
.personal-card-empty-v267 .empty-copy-v267 strong{display:block;font-size:14px;color:#163453}.personal-card-empty-v267 .empty-copy-v267 p{max-width:520px;margin:4px 0 6px;font-size:11.5px}
.personal-card-empty-v267 .empty-copy-v267 small{display:inline-flex;padding:4px 8px;border-radius:999px;background:#eef5ff;color:#3a6093;font-size:10px;font-weight:700}
.personal-card-empty-v267>a{justify-self:end;padding:9px 12px;border:1px solid #cdddf0;border-radius:9px;background:#fff;font-size:11px;text-decoration:none}

/* --------------------------------------------------------------------------
   Business dashboard
   -------------------------------------------------------------------------- */
.business-dashboard-v3{gap:var(--portal-section-gap)}
.business-hero-v3{min-height:116px;padding:19px 24px;border-radius:17px;box-shadow:var(--portal-panel-shadow)}
.business-title-line-v3 h1{font-size:27px}.business-hero-v3 p{font-size:12px}.business-meta-v3{font-size:10.5px;margin-top:8px}
.business-hero-card-v3{width:310px}.business-mini-card-v3{right:42px;top:21px;width:136px;height:72px;padding:11px;border-radius:11px;box-shadow:0 12px 24px rgba(27,78,171,.14)}.business-mini-card-v3 span{margin-top:29px}
.business-kpis-v3{gap:9px}.business-kpis-v3 article{min-height:112px;padding:13px 12px}.business-kpis-v3 small{font-size:10.5px}.business-kpis-v3 strong{font-size:17px}.business-kpis-v3 p,.business-kpis-v3 a{font-size:10px}
.business-dashboard-main-v3{gap:13px;grid-template-columns:.95fr 1.18fr .95fr}.business-balances-v3,.business-chart-v3,.business-card-v3{min-height:228px}
.business-empty-v267{min-height:145px;border-style:solid;border-color:#e3eaf3;background:#fbfdff;padding:16px}
.business-empty-v267 .empty-state-title-v267{font-size:13px;color:#173655}.business-empty-v267 p{font-size:11px;margin:4px auto 10px}
.business-empty-meta-v267{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.business-empty-meta-v267 span{padding:4px 7px;border-radius:999px;background:#eef4fb;color:#607a95;font-size:9.5px;font-weight:700}
.business-chart-v3 .line-chart-v3{height:168px;padding-top:4px}
.business-chart-v3 .line-chart-v3 svg{height:138px}
.business-chart-empty-v267{position:relative;display:grid;place-items:center;align-content:center;min-height:158px;text-align:center;border-radius:12px;background:linear-gradient(180deg,#fff,#fbfdff);overflow:hidden}
.business-chart-empty-v267:before{content:"";position:absolute;inset:15px 12px 26px;background:repeating-linear-gradient(to bottom,transparent 0 29px,#e9eff6 30px),repeating-linear-gradient(to right,transparent 0 70px,#f1f4f8 71px);opacity:.85}
.business-chart-empty-v267:after{content:"";position:absolute;left:11%;right:8%;bottom:40px;height:34px;border-bottom:2px solid #9fc1ff;border-radius:50%;transform:skewY(-3deg);opacity:.55}
.business-chart-empty-v267>div{position:relative;z-index:2;padding:9px 13px;border:1px solid #e3ebf4;border-radius:11px;background:rgba(255,255,255,.92);box-shadow:0 7px 20px rgba(31,70,116,.05)}
.business-chart-empty-v267 strong{display:block;font-size:12px;color:#24435f}.business-chart-empty-v267 small{display:block;margin-top:3px;font-size:10px;color:#71869d}
.business-card-empty-v267{min-height:145px}.business-card-empty-v267 .empty-card-ghost-v267{width:76px;height:48px;border-radius:9px;background:linear-gradient(135deg,#0c55e8,#256bff);box-shadow:0 8px 18px rgba(17,82,199,.14);margin-bottom:7px;position:relative}.business-card-empty-v267 .empty-card-ghost-v267:after{content:"BUSINESS";position:absolute;left:9px;bottom:8px;color:#dce8ff;font-size:6px;letter-spacing:.12em;font-weight:800}
.business-dashboard-lower-v3{gap:13px;align-items:start}.business-recent-v3,.business-team-v3,.business-compliance-v3{min-height:230px}

/* --------------------------------------------------------------------------
   Admin operations dashboard — denser, clearer first screen
   -------------------------------------------------------------------------- */
.admin-interface .app-main{background:#f4f7fb}
.ops-dashboard-head{margin-bottom:14px}.ops-dashboard-head h1{letter-spacing:-.025em}.ops-dashboard-head p{max-width:850px;line-height:1.55}
.ops-kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:14px}
.ops-kpi{min-height:101px;padding:13px 14px;border-radius:13px;box-shadow:0 6px 18px rgba(31,64,103,.03)}
.ops-kpi:before{width:3px}.ops-kpi span{font-size:11px}.ops-kpi strong{margin-top:9px;font-size:24px}.ops-kpi small{margin-top:7px;font-size:10px;line-height:1.35}
.ops-kpi.money:before{background:#153a66}.ops-kpi.restriction:before{background:#d18a20}.ops-kpi.api:before{background:#188b61}.ops-kpi.api{background:#fff}
.ops-chart-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.62fr);grid-template-rows:auto auto auto;gap:13px;margin-bottom:14px;align-items:stretch}
.ops-chart-grid>.ops-chart-card{margin:0;min-width:0}
.ops-chart-grid>.ops-chart-card:nth-child(1){grid-column:1;grid-row:1 / span 2}
.ops-chart-grid>.ops-chart-card:nth-child(5){grid-column:2;grid-row:1}
.ops-chart-grid>.ops-chart-card:nth-child(3){grid-column:2;grid-row:2}
.ops-chart-grid>.ops-chart-card:nth-child(2){grid-column:1;grid-row:3}
.ops-chart-grid>.ops-chart-card:nth-child(4){grid-column:2;grid-row:3}
.ops-chart-wide{grid-column:auto}
.ops-chart-card{padding:16px;border-radius:15px;box-shadow:0 7px 20px rgba(31,64,103,.035)}
.ops-chart-card .panel-head{margin-bottom:10px}.ops-chart-card .panel-head h2{font-size:16px}.ops-chart-card .panel-head p{font-size:10.5px;line-height:1.45}.chart-kicker{font-size:8.5px}
.ops-chart-grid>.ops-chart-card:nth-child(1) .line-chart-wrap{height:285px;display:flex;align-items:center}.ops-chart-grid>.ops-chart-card:nth-child(1) .ops-line-chart{max-height:270px}
.chart-axis-label{font-size:10px}.chart-legend span{font-size:10px}
.grouped-bar-chart{gap:9px}.bar-category{gap:5px}.bar-category-label strong{font-size:11px}.bar-category-label span{font-size:9.5px}.bar-track{height:14px}
.donut-pair{gap:10px}.donut-unit{grid-template-columns:88px minmax(0,1fr);gap:9px}.ops-donut{width:82px;height:82px}.ops-donut:after{inset:17px}.ops-donut-center strong{font-size:17px}.mini-legend{gap:5px}.mini-legend>div{font-size:9.5px}.mini-legend strong{font-size:10px}
.provider-health-row{grid-template-columns:34px minmax(0,1fr) auto;padding:9px}.provider-monogram{width:32px;height:32px;border-radius:9px}.provider-health-row strong{font-size:10.5px}.provider-health-row small{font-size:9.5px}
.fund-bars{gap:10px}.fund-row-head{font-size:10.5px}.fund-track{height:11px}.analytics-note{margin-top:10px;padding:8px 9px;font-size:9px}
.ops-queue-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:14px}.ops-queue-strip>a{padding:10px 12px;border-radius:11px;font-size:10.5px}.ops-queue-strip strong{font-size:16px}
.ops-command-grid,.admin-queue-grid{gap:13px;margin-bottom:14px}.admin-interface .panel{border-color:#dfe7f0;border-radius:15px;box-shadow:0 7px 20px rgba(31,64,103,.03)}
.admin-interface .panel-head h2{font-size:16px}.admin-interface .panel-head .muted{font-size:10.5px}
.admin-interface .table{font-size:12px}.admin-interface .table th{font-size:10.5px}.admin-interface .table td{padding-top:10px;padding-bottom:10px}.admin-interface .table td small{font-size:10px}
.admin-interface .quick-action strong{font-size:11.5px}.admin-interface .quick-action small{font-size:10px}
.admin-interface .compact-notices .notice p{font-size:10.5px}

/* --------------------------------------------------------------------------
   Responsive polish
   -------------------------------------------------------------------------- */
@media(max-width:1450px){
  .ops-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ops-chart-grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,.7fr)}
  .business-kpis-v3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1180px){
  .ops-chart-grid{grid-template-columns:1fr 1fr}.ops-chart-grid>.ops-chart-card:nth-child(n){grid-column:auto;grid-row:auto}.ops-chart-grid>.ops-chart-card:nth-child(1){grid-column:1/-1}.ops-chart-grid>.ops-chart-card:nth-child(1) .line-chart-wrap{height:250px}
  .ops-queue-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  .business-dashboard-main-v3{grid-template-columns:1fr 1fr}.business-card-v3{grid-column:1/-1}
}
@media(max-width:900px){
  .personal-hero-v3,.business-hero-v3{min-height:112px}
  .personal-account-body-v3{grid-template-columns:1fr}
  .personal-card-empty-v267{grid-template-columns:78px 1fr}.personal-card-empty-v267>a{grid-column:2;justify-self:start}.personal-card-empty-v267 .empty-card-ghost-v267{width:76px;height:50px}
  .ops-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-chart-grid{grid-template-columns:1fr}.ops-chart-grid>.ops-chart-card:nth-child(1){grid-column:auto}.ops-queue-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-interface .table{font-size:11px}
}
@media(max-width:720px){
  .route-home .nh-feature-grid article{min-height:auto}.route-home .nh-analytics-grid{padding:18px}.route-home .nh-analytics-legend span{min-height:34px}
  .personal-hero-v3{padding:19px 20px}.personal-hero-security-v3{width:240px}.personal-hero-security-v3>span{right:25px}
  .personal-card-empty-v267{grid-template-columns:1fr;text-align:center;justify-items:center}.personal-card-empty-v267>a{grid-column:auto;justify-self:center}.personal-card-empty-v267 .empty-copy-v267 small{justify-content:center}
  .business-hero-card-v3{opacity:.22}.business-dashboard-main-v3{grid-template-columns:1fr}.business-card-v3{grid-column:auto}
}
@media(max-width:520px){
  .portal-panel-v3{padding:15px;border-radius:15px}.portal-panel-head-v3 h2{font-size:16px}.portal-panel-head-v3 p{font-size:11.5px}
  .ops-kpi-grid,.ops-queue-strip{grid-template-columns:1fr}.ops-kpi{min-height:92px}.ops-chart-grid>.ops-chart-card:nth-child(1) .line-chart-wrap{height:220px}
}