/* ==========================================================================
   Norhart "thin" layer: lighter weights, hairline borders, flat shadows, quiet labels.
   Loaded after alive.css / calm.css on every page. The brand wordmark keeps its weight.
   ========================================================================== */
html[data-theme="theme2"]{
  --al-edge: rgba(100,116,139,.16);
  --al-edge-hi: rgba(59,130,246,.30);
  --al-shadow: 0 1px 1px rgba(30,58,120,.03);
  --al-shadow-hi: 0 2px 12px rgba(30,58,120,.07);
  --al-strip-a: .7;
  --line: #e3e9f2; --line-strong: #d3dce9;
}
body{font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased}
p,li{line-height:1.65}

/* ---- type scale: regular body, 500 headings, quiet labels ---- */
html h1,html h2,html .section-title,html .hero-title{font-weight:500!important;letter-spacing:-.02em}
html h3,html h4,html h5,html h6{font-weight:500!important}
html .font-black,html .font-extrabold{font-weight:600}
html .font-bold,html .font-semibold{font-weight:500}
html .font-medium{font-weight:400}
html .font-mono{font-weight:500}
html .uppercase{text-transform:none}
html .tracking-widest,html .tracking-wider,html .tracking-wide{letter-spacing:0}
html .text-\[9px\],html .text-\[10px\]{font-size:11.5px}
html .text-\[11px\]{font-size:12px}
html label,html th,html .pill,html .nav-section,html .eyebrow,html .feature-pill,html .provider-tag,html .ga-badge,html .pl-chip,html .w-rate-pill,html .nb-badge,html .plan-stats span,html .lock-split span,html .data-table th,html .w-row .label,html .w-addr-field .label,html .country-select-box .label,html .dep-addr-label,html .dep-amount-label,html .dep-addr-net,html .tx-row .lbl,html .ptab td::before,html .rvs div small,html #modal-deposit .dp-lbl,html #modal-deposit .dp-net-k{text-transform:none!important;letter-spacing:0!important;font-weight:500}
html .nh-brand-tag{text-transform:uppercase!important;letter-spacing:.14em!important;font-weight:900}
html th{font-size:12px}
html button,html .btn,html .btn-primary,html .btn-ghost,html .btn-emerald,html .btn-red{font-weight:500}
html .nav-link{font-weight:500}

/* ---- fewer filled pills: outlined, quiet ---- */
html .pill{background:transparent!important;border:1px solid rgba(127,147,169,.30)!important;font-size:12px;padding:3px 11px}
html .pl-chip,html .provider-tag,html .ga-badge,html .feature-pill{background:transparent!important;border:1px solid rgba(127,147,169,.30)!important;box-shadow:none!important}
html .ga-badge{color:#0f9f6e;font-size:11.5px}

/* ---- hairlines + flat surfaces ---- */
html .glass,html .card,html .auth-card,html .widget,html .modal-shell{border-width:1px}
html[data-theme="theme2"] .glass,html[data-theme="theme2"] .modal-shell,html[data-theme="theme2"] .card,html[data-theme="theme2"] .auth-card,html[data-theme="theme2"] .app-prompt,html[data-theme="theme2"] .reassure{box-shadow:var(--al-shadow)!important}
html[data-theme="theme2"] nav.site-nav,html[data-theme="theme2"] header.auth-header,html[data-theme="theme2"] .mobile-header,html[data-theme="theme2"] nav.nav{box-shadow:0 1px 0 var(--al-edge)!important}
html[data-theme="theme2"] .tab-bar{box-shadow:0 -1px 0 var(--al-edge)!important}
html[data-theme="theme2"] .nav-link.active{box-shadow:inset 2px 0 0 var(--al-blue)}
html[data-theme="theme2"] .tab-bar>a.text-brand-400{box-shadow:inset 0 -2px 0 var(--al-blue)}
html[data-theme="theme2"] .btn-primary,
html[data-theme="theme2"] button.btn:not(.btn-ghost):not(.btn-emerald):not(.btn-red),
html[data-theme="theme2"] .btn:not(.btn-ghost):not(.btn-emerald):not(.btn-red){box-shadow:none!important}
html[data-theme="theme2"] .btn-primary:hover,
html[data-theme="theme2"] .btn:not(.btn-ghost):not(.btn-emerald):not(.btn-red):hover{box-shadow:0 2px 10px rgba(37,99,235,.22)!important;transform:none}
html[data-theme="theme2"] .btn-emerald,html[data-theme="theme2"] .btn-red{box-shadow:none!important}
html[data-theme="theme2"] .btn-ghost{border-width:1px;background:transparent}
html[data-theme="theme2"] .btn-ghost:hover{box-shadow:none;background:rgba(59,130,246,.05)!important}
html[data-theme="theme2"] .input:focus,html[data-theme="theme2"] .input-shell:focus-within,html[data-theme="theme2"] .field input:focus,html[data-theme="theme2"] .pin-grid input:focus,html[data-theme="theme2"] .otp-grid input:focus{box-shadow:0 0 0 3px rgba(59,130,246,.12)!important}
html[data-theme="theme2"] .ga-card:hover{transform:none}
html[data-theme="theme2"]::after{box-shadow:inset 0 0 50px rgba(59,130,246,.05),inset 0 0 0 1px rgba(59,130,246,.06)}
html[data-theme="theme2"] body::before,html[data-theme="theme2"] body::after{height:2px;box-shadow:0 0 5px rgba(59,130,246,.18)}
html[data-theme="theme2"] nav.site-nav::after,html[data-theme="theme2"] header.auth-header::after,html[data-theme="theme2"] .mobile-header::after,html[data-theme="theme2"] nav.nav::after,html[data-theme="theme2"] .auth-card::after,html[data-theme="theme2"] .widget::after,html[data-theme="theme2"] .hero-stats>.glass::after,html[data-theme="theme2"] #view-dashboard .balance-grid>.glass::after,html[data-theme="theme2"] main>.grid>.glass:first-child::after,html[data-theme="theme2"] .tab-bar::after{height:1px;box-shadow:none}
.nh-cl:not(.nh-card):not(.nh-flat):not(.nh-resp):not(.nh-resp-lg){border-color:rgba(127,147,169,.14)}
.nh-clh{font-weight:500}

/* ---- trading desk (dark standalone page) ---- */
html[data-alive="trading"] .acct span{font-weight:500}
html[data-alive="trading"] .a-main span{font-weight:500}
html[data-alive="trading"] .cbtn,html[data-alive="trading"] .go,html[data-alive="trading"] .bs button,html[data-alive="trading"] .rvg button,html[data-alive="trading"] .mini{font-weight:600}
html[data-alive="trading"] .cbtn{box-shadow:none}
html[data-alive="trading"] .go:not(.sig):not(:disabled){box-shadow:none}
html[data-alive="trading"] .go:hover:not(:disabled){box-shadow:0 2px 14px rgba(47,140,255,.28)}
html[data-alive="trading"] .card{box-shadow:0 12px 36px rgba(0,0,0,.35)}
html[data-alive="trading"] .row b,html[data-alive="trading"] .pr b,html[data-alive="trading"] .nm b{font-weight:500}
html[data-alive="trading"] .hd h2{font-weight:500}
html[data-alive="trading"] .big{font-weight:500}
html[data-alive="trading"] .tab,html[data-alive="trading"] .bar span,html[data-alive="trading"] .flt button,html[data-alive="trading"] .pt span{font-weight:500}
html[data-alive="trading"] .kv b,html[data-alive="trading"] .stats div b,html[data-alive="trading"] .statsb div b{font-weight:500}
html[data-alive="trading"] .chip{font-weight:500}
html[data-alive="trading"] .t{box-shadow:0 6px 18px rgba(0,0,0,.3)}
html[data-alive="trading"] th{font-weight:400}