/* UCOCEKO V4.6 — polish for existing, functional onboarding journey.
   Scoped to V1.6.9 registration markup. Do not alter registration, photo crop or payment logic. */
body.uco169-register .ucn169-onboarding{background:radial-gradient(circle at 68% 20%,rgba(47,119,77,.18),transparent 35%),#041b13!important;overflow-x:clip!important}
body.uco169-register .ucn169-onboarding__main{width:min(100%,1020px)!important;min-width:0!important;max-width:none!important;padding:clamp(23px,3vw,50px) clamp(16px,3vw,50px)!important}
body.uco169-register .ucn169-onboarding__header{width:100%;max-width:760px;margin:0 auto 24px!important}
body.uco169-register .ucn169-onboarding__header h1{font-size:clamp(35px,4.3vw,55px)!important;line-height:1.07!important}
body.uco169-register .ucn169-onboarding form[data-uco169-journey]{width:100%;min-width:0!important;margin-inline:auto!important;padding:clamp(21px,3.3vw,39px)!important;border:1px solid rgba(236,201,129,.43)!important;border-radius:clamp(22px,2.4vw,32px)!important;background:linear-gradient(145deg,rgba(12,74,49,.74),rgba(3,30,21,.70))!important;box-shadow:0 34px 76px rgba(0,11,7,.48),0 0 0 1px rgba(229,193,126,.09),inset 0 2px rgba(255,255,255,.11),inset 0 -4px 16px rgba(0,0,0,.16)!important;backdrop-filter:blur(23px) saturate(134%)!important;-webkit-backdrop-filter:blur(23px) saturate(134%)!important;isolation:isolate}
body.uco169-register .ucn169-onboarding form[data-uco169-journey]::before{content:"";pointer-events:none;position:absolute;top:-130px;right:-155px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(234,205,146,.13),transparent 66%);z-index:-1}
body.uco169-register .ucn169-progress-wrap{margin-bottom:30px}
body.uco169-register .ucn169-progress{gap:6px!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;overflow:visible!important}
body.uco169-register .ucn169-progress li{min-width:0!important;white-space:normal}
body.uco169-register .ucn169-progress li b{width:clamp(29px,3vw,40px);height:clamp(29px,3vw,40px);font-size:12px;border:1px solid rgba(238,210,151,.25);background:linear-gradient(135deg,rgba(5,44,31,.93),rgba(3,26,19,.95));box-shadow:inset 0 1px rgba(255,255,255,.09)}
body.uco169-register .ucn169-step__head{margin:0 auto 25px;max-width:670px}
body.uco169-register .ucn169-step__head h2{font-size:clamp(28px,3vw,41px)!important}
body.uco169-register .ucn169-step__head p{font-size:13px!important;color:#d6e2d7!important}
body.uco169-register .ucn169-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 20px!important}
body.uco169-register .ucn169-fields :is(label,small),body.uco169-register .ucn169-referral{min-width:0;overflow-wrap:break-word}
body.uco169-register .ucn169-fields label{gap:9px;color:#f6e9c9;font-size:13px;letter-spacing:.01em}
body.uco169-register .ucn169-onboarding :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea){width:100%!important;min-width:0!important;max-width:100%!important;min-height:53px!important;border-radius:13px!important;padding:13px 14px!important;color:#fffaf0!important;background:linear-gradient(145deg,rgba(3,32,23,.81),rgba(13,62,43,.79))!important;border:1px solid rgba(225,195,134,.39)!important;box-shadow:inset 0 2px 7px rgba(0,0,0,.22),0 4px 14px rgba(0,0,0,.08)!important;line-height:1.4!important;font-size:16px!important}
body.uco169-register .ucn169-onboarding :is(input,select,textarea):focus-visible{outline:2px solid #ebd28f!important;outline-offset:2px!important;border-color:#efce81!important}
body.uco169-register .ucn169-onboarding input::placeholder{color:#aec5b4;opacity:1}
body.uco169-register .ucn169-photo-shell{max-width:730px;padding:clamp(20px,3vw,33px)!important;border:1px solid rgba(230,199,137,.38)!important;border-radius:24px!important;background:linear-gradient(140deg,rgba(27,93,64,.48),rgba(4,38,27,.5))!important;box-shadow:inset 0 1px rgba(255,255,255,.12),0 17px 39px rgba(0,0,0,.2)!important;backdrop-filter:blur(12px)}
body.uco169-register .ucn169-photo-shell label{display:grid!important;justify-items:stretch;max-width:580px;margin-inline:auto;gap:12px;text-align:left!important;color:#f1dfb7!important;font-size:14px;font-weight:800}
body.uco169-register .ucn169-photo-shell input[type=file],body.uco169-register .ucn162-proof-fields input[type=file]{height:auto!important;min-height:73px!important;padding:13px!important;border:1px dashed rgba(241,212,147,.65)!important;border-radius:17px!important;background:linear-gradient(120deg,rgba(3,30,22,.77),rgba(17,76,52,.75))!important;color:#f5e7c7!important;cursor:pointer}
body.uco169-register .ucn169-photo-shell input[type=file]::file-selector-button,body.uco169-register .ucn162-proof-fields input[type=file]::file-selector-button{border:1px solid #efd695;border-radius:11px;min-height:43px;padding:9px 16px;margin-right:14px;background:linear-gradient(120deg,#f1d995,#ccab62);color:#092417;font-weight:900;font-size:12px;cursor:pointer}
body.uco169-register .ucn169-photo-shell [data-ucn161-camera]{display:inline-flex!important;align-items:center;justify-content:center;gap:9px;width:min(100%,250px)!important;min-height:48px!important;margin:15px auto 8px!important;border-radius:14px!important;border:1px solid rgba(243,216,161,.52)!important;background:linear-gradient(135deg,rgba(17,81,53,.81),rgba(3,35,24,.84))!important;color:#f5e3bb!important;box-shadow:0 10px 24px rgba(0,0,0,.18)!important}
body.uco169-register .ucn169-photo-shell .ucn161-hint{max-width:60ch;margin:12px auto!important;font-size:12px!important;line-height:1.6!important;color:#c2d1c4!important}
body.uco169-register .ucn169-photo-shell img[data-ucn161-preview]:not([hidden]){display:block;width:118px!important;height:118px!important;object-fit:cover;border-radius:50%;border:3px solid #e7c77f;box-shadow:0 13px 27px rgba(0,0,0,.3);margin:15px auto 0}
body.uco169-register .ucn169-choice-grid{gap:16px}
body.uco169-register .ucn169-choice{position:relative;min-width:0}
body.uco169-register .ucn169-choice span{padding:23px 19px 24px 55px!important;min-height:130px!important;border:1px solid rgba(224,195,133,.29)!important;background:linear-gradient(130deg,rgba(16,74,50,.5),rgba(2,32,22,.72))!important;border-radius:18px!important;box-shadow:inset 0 1px rgba(255,255,255,.09),0 15px 27px rgba(0,0,0,.14);transition:transform .2s,border-color .2s}
body.uco169-register .ucn169-choice span::before{content:"";position:absolute;width:23px;height:23px;left:17px;top:24px;border-radius:50%;border:2px solid rgba(238,209,141,.8);background:rgba(1,26,18,.76);box-shadow:inset 0 2px 4px rgba(0,0,0,.3)}
body.uco169-register .ucn169-choice input:checked+span{border-color:#efce87!important;box-shadow:0 0 0 2px rgba(239,206,135,.21),0 18px 35px rgba(0,0,0,.2)!important;background:linear-gradient(130deg,rgba(32,103,69,.77),rgba(4,46,30,.79))!important}
body.uco169-register .ucn169-choice input:checked+span::after{content:"";position:absolute;left:23px;top:30px;background:#f0d18a;width:11px;height:11px;border-radius:50%;box-shadow:0 0 12px rgba(241,212,143,.43)}
body.uco169-register .ucn169-choice input:focus-visible+span{outline:3px solid #efd38e;outline-offset:3px}
body.uco169-register .ucn169-check{display:flex!important;align-items:flex-start!important;gap:14px!important;padding:16px 17px!important;border:1px solid rgba(225,191,126,.33)!important;border-radius:14px!important;background:linear-gradient(135deg,rgba(14,76,50,.5),rgba(3,32,23,.58))!important;margin:14px 0!important;line-height:1.6!important;box-shadow:inset 0 1px rgba(255,255,255,.08)}
body.uco169-register .ucn169-check input[type=checkbox]{appearance:none!important;-webkit-appearance:none!important;width:24px!important;height:24px!important;min-width:24px!important;flex:0 0 24px;margin:0!important;position:relative;border-radius:7px;border:1.5px solid rgba(242,215,158,.79);background:rgba(1,31,19,.72);cursor:pointer}
body.uco169-register .ucn169-check input[type=checkbox]:checked{background:linear-gradient(140deg,#f0d793,#cba75c)!important;border-color:#f5dc9d}
body.uco169-register .ucn169-check input[type=checkbox]:checked::after{content:"";position:absolute;top:3px;left:7px;width:6px;height:11px;border:solid #10301f;border-width:0 2px 2px 0;transform:rotate(45deg)}
body.uco169-register .ucn169-check:has(input:checked){border-color:rgba(245,215,150,.59)!important;background:linear-gradient(140deg,rgba(23,88,56,.63),rgba(7,46,30,.67))!important}
body.uco169-register .ucn169-check span{min-width:0;flex:1;font-size:12px;color:#e6ede3}
body.uco169-register .ucn169-check a{color:#f5d78c;text-decoration:underline;text-underline-offset:3px}
body.uco169-register .ucn169-review,body.uco169-register .ucn169-next-steps,body.uco169-register .ucn161-bank,body.uco169-register .ucn162-proof-fields{border:1px solid rgba(230,199,139,.3);border-radius:17px;background:linear-gradient(140deg,rgba(8,56,36,.61),rgba(2,31,22,.64));padding:clamp(15px,2.5vw,26px);box-shadow:inset 0 1px rgba(255,255,255,.08)}
body.uco169-register .ucn169-step-actions{margin-top:26px!important;display:flex!important;flex-wrap:wrap!important;gap:12px!important;justify-content:center!important;align-items:stretch!important}
body.uco169-register .ucn169-step-actions button{width:auto!important;min-width:clamp(145px,25vw,235px)!important;min-height:52px!important;padding:13px 22px!important;margin:0!important;line-height:1.4!important;border-radius:14px!important;white-space:normal;text-align:center!important;box-shadow:0 10px 24px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.15)!important}
body.uco169-register .ucn169-step-actions [data-uco169-back]{border:1px solid rgba(235,200,133,.43)!important;background:linear-gradient(130deg,rgba(11,65,43,.86),rgba(4,35,25,.91))!important;color:#f4dfae!important}
body.uco169-register .ucn169-step-actions [data-uco169-next],body.uco169-register .ucn169-step-actions [data-uco169-submit]{border:1px solid #f0d890!important;background:linear-gradient(112deg,#f3db98,#caa65f)!important;color:#102b1f!important;font-weight:900!important}
body.uco169-register .ucn169-step-actions [hidden]{display:none!important}
/* The existing Payfast vs EFT choice must remain legible over frosted panels. */
body.uco169-register [data-uco45-eft-fields]{min-width:0;margin-top:16px}
body.uco169-register :is(.uco45-payment-choice,.uco45-pay-choice,.uco45-gateway-choice){min-width:0}
body.uco169-register :is(.ucn169-referral,.ucn169-password){min-width:0}
body.uco169-register :is(.ucn169-referral button,.ucn169-onboarding button):focus-visible{outline:3px solid #efd38d!important;outline-offset:3px!important}
body.uco169-register :is(.ucn169-photo-shell,.ucn169-check,.ucn169-choice) *,body.uco169-register .ucn169-step-actions button{box-sizing:border-box}
@media(min-width:1101px){body.uco169-register .ucn169-onboarding{grid-template-columns:minmax(340px,.75fr) minmax(0,1.25fr)!important}}
@media(max-width:1100px){body.uco169-register .ucn169-onboarding{grid-template-columns:1fr!important}body.uco169-register .ucn169-onboarding__main{width:min(100%,920px)!important}}
@media(max-width:700px){
 body.uco169-register .ucn169-onboarding__main{width:100%!important;max-width:100%!important;padding:0 13px 30px!important;margin-top:-17px!important}
 body.uco169-register .ucn169-onboarding form[data-uco169-journey]{padding:21px 16px!important;border-radius:23px!important}
 body.uco169-register .ucn169-fields,.uco169-register .ucn169-choice-grid{grid-template-columns:1fr!important;gap:16px!important}
 body.uco169-register .ucn169-progress{grid-template-columns:repeat(6,minmax(0,1fr))!important;overflow:visible!important;gap:3px!important}
 body.uco169-register .ucn169-progress li b{width:28px;height:28px}
 body.uco169-register .ucn169-progress li span{font-size:8px!important;overflow-wrap:anywhere}
 body.uco169-register .ucn169-photo-shell{padding:20px 13px!important}
 body.uco169-register .ucn169-photo-shell input[type=file]::file-selector-button{display:block;width:100%;margin-bottom:9px;margin-right:0}
 body.uco169-register .ucn169-step-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
 body.uco169-register .ucn169-step-actions button{min-width:0!important;width:100%!important;min-height:52px!important;padding-inline:9px!important}
 body.uco169-register .ucn169-step-actions button[data-uco169-submit]{grid-column:1/-1}
 body.uco169-register .ucn169-onboarding__header{padding:25px 6px 9px!important}
 body.uco169-register .ucn169-onboarding__header h1{font-size:clamp(32px,8vw,39px)!important}
 body.uco169-register .ucn169-step__head h2{font-size:clamp(29px,7.5vw,37px)!important}
}
@media(max-width:380px){body.uco169-register .ucn169-progress li span{font-size:7px!important}body.uco169-register .ucn169-check{padding:13px!important}}
@media(prefers-reduced-motion:reduce){body.uco169-register .ucn169-choice span{transition:none}}