/* V4 compact responsive plans and explicit blue navigation/auth controls. */
html body .ugx-plan-grid{width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important;gap:20px!important;align-items:stretch!important;justify-items:stretch!important;margin:0!important;padding:8px 0 20px!important}
html body .ugx-plan-grid>.ap-plan.ugx-plan-card{width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;padding:5px!important;border-radius:24px!important;box-shadow:inset 0 1px 2px #fff,0 4px 0 #0752b0,0 10px 20px #0863cc20!important}
html body .ap-plan .ap-plan-head{min-height:100px!important;height:auto!important;padding:15px 12px 21px!important;border-radius:19px 19px 13px 13px!important;gap:10px!important}
html body .ap-plan .ap-plan-title{flex:1!important;min-width:0!important;text-align:left!important}
html body .ap-plan .ap-crown{font-size:20px!important;margin:0 0 4px!important}
html body .ap-plan .ap-plan-head h3{font-size:21px!important;line-height:1.2!important;letter-spacing:-.3px!important;min-height:0!important;max-width:none!important;width:auto!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;text-shadow:0 2px 3px #00216866!important}
html body .ap-plan .ap-plan-title small{font-size:9px!important;letter-spacing:3px!important;margin-top:4px!important}
html body .ap-plan .ap-plan-head>img{width:78px!important;height:62px!important;flex:0 0 78px!important;margin:12px 0 0!important}
html body .ap-plan .up-featured{top:5px!important;right:12px!important;font-size:8px!important;padding:3px 7px!important;border-radius:0 0 9px 9px!important}
html body .ap-plan .ugx-plan-body{padding:10px!important;border-radius:20px!important;gap:0!important;margin-top:-9px!important;width:100%!important;min-width:0!important}
html body .ap-plan .ap-plan-metrics{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0 0 12px!important;width:100%!important}
html body .ap-plan .ap-plan-row{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;padding:7px!important;min-width:0!important;min-height:0!important;width:auto!important;border-radius:13px!important}
html body .ap-plan .ap-plan-row:first-child{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:center!important;padding:7px!important}
html body .ap-plan .ap-plan-row dt{width:auto!important;min-width:0!important;display:flex!important;align-items:center!important;gap:5px!important;padding:0!important;font-size:10px!important;line-height:1.2!important;letter-spacing:0!important;word-break:normal!important;overflow-wrap:normal!important}
html body .ap-plan .ap-plan-row dt img{width:25px!important;height:27px!important;flex:0 0 25px!important}
html body .ap-plan .ap-plan-row dd{width:100%!important;min-width:0!important;min-height:34px!important;flex:1!important;padding:7px 4px!important;margin:0!important;border-radius:10px!important;font-size:16px!important;line-height:1.25!important;font-weight:800!important;letter-spacing:0!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;text-shadow:0 1px 2px #073d90!important}
html body .ap-plan .ap-plan-row:first-child dd{font-size:20px!important;min-height:38px!important}
html body .ap-plan .up-referral-level{font-size:10px!important;line-height:1.3!important;white-space:normal!important}.ap-plan .up-referral-level strong{white-space:nowrap!important}
html body .ap-plan .ugx-btn{min-height:43px!important;padding:8px 14px!important;font-size:16px!important;line-height:1.1!important;letter-spacing:.1px!important;border-radius:22px!important;gap:10px!important;white-space:nowrap!important;box-shadow:inset 0 1px 2px #fff,0 3px 0 #0751ac!important}
html body .ap-plan .ugx-btn>span{width:25px!important;height:25px!important;font-size:23px!important;flex:0 0 25px!important}
html body .ap-plan .ugx-amount-input{margin:0 0 8px!important}html body .ap-plan .ugx-amount-input input{min-height:35px!important;padding:6px 9px!important}
/* Override legacy orange icons/text even when the original CSS is present on the server. */
html body .nn-bottom{background:linear-gradient(120deg,#fff,#e7f5ff)!important;border:1px solid #b7ddff!important;box-shadow:0 4px 24px #0b5bc324!important}
html body .nn-bottom a,html body .nn-bottom a i,html body .nn-bottom a span,html body .nn-bottom button,html body .nn-bottom button i,html body .nn-bottom button span{color:#1464cb!important;-webkit-text-fill-color:#1464cb!important;text-shadow:none!important}
html body .nn-bottom a[aria-current="page"],html body .nn-bottom .nn-bottom-invest{background:linear-gradient(140deg,#22caff,#1263e6 60%,#073db3)!important;border-color:#73dfff!important;color:#fff!important;-webkit-text-fill-color:#fff!important;outline-color:#d4edff!important;box-shadow:inset 0 1px 2px #b9faff,0 4px 10px #075cc333!important}
html body .nn-bottom a[aria-current="page"] i,html body .nn-bottom a[aria-current="page"] span,html body .nn-bottom .nn-bottom-invest i,html body .nn-bottom .nn-bottom-invest span{color:#fff!important;-webkit-text-fill-color:#fff!important}
html body .ua-shell{--ua-orange:#1265db!important;--color-primary:#1265db!important;--color-accent:#27c9ff!important}
html body .ua-shell .na-input-icon,html body .ua-shell .na-input-icon svg,html body .ua-shell .na-toggle,html body .ua-shell .na-toggle svg,html body .ua-shell .na-field label,html body .ua-shell .ua-back,html body .ua-shell .na-options a,html body .ua-shell .na-footer a,html body .ua-shell .ua-heading h2{color:#1265cb!important;-webkit-text-fill-color:#1265cb!important;text-shadow:none!important}
html body .ua-shell .na-input-icon{background:linear-gradient(135deg,#eefaff,#c8e7ff)!important;border-color:#aad8ff!important;box-shadow:none!important}
html body .ua-shell .na-input{background:#fff!important;border-color:#b3d6f7!important;box-shadow:inset 0 1px 3px #0c5fb50a!important}
html body .ua-shell .na-input:focus-within{border-color:#1986ed!important;box-shadow:0 0 0 3px #168cf020!important}
html body .ua-shell .na-submit{background:linear-gradient(125deg,#20bdff,#1263e5 55%,#0945bc)!important;border-color:#7bdbff!important;box-shadow:inset 0 1px 2px #c6faff,0 5px 13px #0d61c72c!important}
html body .ua-shell .na-submit,html body .ua-shell .na-submit span,html body .ua-shell .na-submit svg{color:white!important;-webkit-text-fill-color:white!important}
html body .ua-shell .na-saved-account,html body .ua-shell [data-na-account-list] button{background:#e6f4ff!important;border-color:#a8d2fa!important;color:#145bbb!important}
html body .ua-shell input[type="checkbox"]{accent-color:#1265db!important}html body .ua-shell .ua-story h2 em,html body .ua-shell .ua-heading h1,html body .ua-shell .ua-security strong{color:#125ac3!important;-webkit-text-fill-color:#125ac3!important}
@media(max-width:600px){html body .ugx-plan-grid{grid-template-columns:minmax(0,1fr)!important;max-width:420px!important;margin-inline:auto!important;gap:20px!important}html body .ap-plan .ap-plan-head{min-height:92px!important}html body .ap-plan .ap-plan-head h3{font-size:21px!important}html body .ap-plan .ap-plan-row dd{font-size:16px!important}}
@media(max-width:360px){html body .ap-plan .ap-plan-row dd{font-size:14px!important}html body .ap-plan .ap-plan-row dt{font-size:9px!important}}

/* V5: readable login/register headings on their blue background. */
html body .ua-shell .ua-heading h1,
html body .ua-shell .ua-heading h2,
html body .ua-shell .ua-heading p,
html body .ua-shell .ua-heading h1 span,
html body .ua-shell .ua-heading h2 span{
 color:#fff!important;
 -webkit-text-fill-color:#fff!important;
 opacity:1!important;
 position:relative;
 z-index:1;
 text-shadow:0 1px 2px #063e9b66!important;
}
html body .ua-shell .ua-heading h2{font-weight:600!important}
