/* UCOCEKO Core V1.6.10 - portal interaction, scroll and account completion. */
:root{--uco170-safe-b:env(safe-area-inset-bottom,0px);--uco170-safe-t:env(safe-area-inset-top,0px);--uco170-bottom-nav:0px;--uco170-header:0px;--uco170-quick-size:58px;--uco170-gold:#dfc678;--uco170-glass:rgba(7,39,29,.92);--uco170-line:rgba(225,200,126,.28)}
html:has(body.ucn11-portal-document){height:auto!important;min-height:100%!important;overflow-x:clip!important;overflow-y:auto!important;overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch}
body.ucn11-portal-document.uco170-account{height:auto!important;min-height:100svh!important;min-height:100dvh!important;max-height:none!important;overflow-x:clip!important;overflow-y:visible!important;position:relative!important;touch-action:pan-y!important;overscroll-behavior-x:none!important;-webkit-overflow-scrolling:touch!important}
body.uco170-account #ucn11-portal-main,body.uco170-account :is(.uco127-app,.ucn16-account,.uco127-main,.uco127-module,.uco600-app,.uco600-app-layout,.uco600-app-content,.uco700-app,.uco800-app,.uco900-app){height:auto!important;max-height:none!important;overflow:visible!important;min-width:0!important}
body.uco170-account .uco127-main{width:min(100%,1440px)!important;margin-inline:auto!important;padding-inline:clamp(12px,2.8vw,34px)!important;padding-bottom:calc(var(--uco170-bottom-nav) + var(--uco170-safe-b) + 28px)!important;scroll-margin-top:calc(var(--uco170-header) + 12px)}
body.uco170-account .uco127-top{position:sticky!important;top:calc(var(--uco170-safe-t) + 8px)!important;z-index:120!important;max-width:100%!important;transition:padding .18s ease,transform .18s ease,box-shadow .18s ease!important}
body.uco170-account.uco170-scrolled .uco127-top{box-shadow:0 12px 30px rgba(0,0,0,.2)!important}
body.uco170-account :where(.uco127-card,.uco127-summary,.uco127-grid,.uco127-module,.uco600-app-card,.uco600-app-embed,.uco22-portal-module){min-width:0!important;max-width:100%!important;overflow-wrap:anywhere}
body.uco170-account :where(img,svg,video,canvas,iframe){max-width:100%!important}
body.uco170-account :where(.uco127-summary,.uco127-grid,.uco22-stat-grid,.uco22-dashboard-grid){grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))!important}
body.uco170-account :where(.uco15-fields,.uco131-form,.uco22-portal-module form){grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))!important}
body.uco170-account .uco170-table-scroll{display:block;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;border-radius:14px}
body.uco170-account .uco170-table-scroll>table{display:table!important;width:max-content!important;min-width:100%!important;max-width:none!important;overflow:visible!important}
body.uco170-account table:not(.shop_table){max-width:100%}
body.uco170-account :where(.uco15-portal-help,.uco115-help){display:none!important}
body.uco170-account.uco170-keyboard-open :where(.uco145-bottom,.uco600-app>.uco600-app-nav,.uco170-quick){display:none!important}
body.uco170-account.uco170-keyboard-open .uco127-main{padding-bottom:20px!important}

/* Quick Actions - never changes body overflow or scroll position. */
.uco170-quick{position:fixed;z-index:1300;right:max(14px,env(safe-area-inset-right,0px));bottom:calc(var(--uco170-bottom-nav) + var(--uco170-safe-b) + 14px);display:grid;justify-items:end;gap:10px;pointer-events:none}
.uco170-quick>*{pointer-events:auto}.uco170-quick__trigger{width:var(--uco170-quick-size);height:var(--uco170-quick-size);padding:7px;border-radius:50%;border:1px solid var(--uco170-line);background:linear-gradient(145deg,rgba(20,71,50,.95),rgba(4,32,23,.96));box-shadow:0 12px 34px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08);display:grid;place-items:center;cursor:pointer;color:#f7e9ba;transition:transform .18s ease,box-shadow .18s ease}
.uco170-quick__trigger img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 7px 10px rgba(0,0,0,.4))}.uco170-quick__trigger span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.uco170-quick.is-open .uco170-quick__trigger{transform:rotate(4deg) scale(.96);box-shadow:0 7px 20px rgba(0,0,0,.3)}
.uco170-quick__panel{width:min(390px,calc(100vw - 28px));max-height:min(650px,calc(100dvh - var(--uco170-bottom-nav) - 110px));overflow:auto;overscroll-behavior:contain;border:1px solid var(--uco170-line);border-radius:25px;padding:14px;background:linear-gradient(145deg,rgba(10,52,37,.96),rgba(3,28,20,.96));box-shadow:0 24px 70px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.07);backdrop-filter:blur(24px) saturate(120%);-webkit-backdrop-filter:blur(24px) saturate(120%);transform-origin:bottom right;animation:uco170Pop .18s ease both}
.uco170-quick__panel[hidden],.uco170-help[hidden]{display:none!important}.uco170-quick__panel header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 3px 13px;border-bottom:1px solid rgba(255,255,255,.08)}.uco170-quick__panel header>div{display:flex;align-items:center;min-width:0;gap:10px}.uco170-quick__panel header .ucn161-avatar{width:42px!important;height:42px!important}.uco170-quick__panel header span{display:grid;min-width:0}.uco170-quick__panel header b{color:#fff8e9;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uco170-quick__panel header small{color:#a8bcb1;font-size:10px}.uco170-quick__panel header>button{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#f6e5af;font-size:23px;cursor:pointer}
.uco170-quick__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:12px}.uco170-quick__grid :is(a,button){min-width:0;min-height:78px;padding:10px 7px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.035);color:#f7f0dd;text-decoration:none;display:grid;place-items:center;align-content:center;gap:6px;text-align:center;font:700 10px/1.25 system-ui;cursor:pointer}.uco170-quick__grid :is(a,button):hover,.uco170-quick__grid :is(a,button):focus-visible{border-color:rgba(223,198,120,.52);background:rgba(223,198,120,.08);outline:none}.uco170-quick__grid svg{width:23px;height:23px;fill:none;stroke:#e5cd86;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.uco170-quick__grid .uco170-logout{grid-column:1/-1;min-height:48px;grid-auto-flow:column;justify-content:center;gap:8px;background:rgba(121,48,43,.16);border-color:rgba(222,139,129,.2)}
.uco170-help{display:grid;gap:8px;padding:13px 2px 2px}.uco170-help>div{text-align:center;padding:6px 8px 10px}.uco170-help>div>span{font-size:9px;letter-spacing:.18em;color:#dfc678;font-weight:900}.uco170-help h3{margin:6px 0!important;color:#fff7e4!important;font:500 25px/1.1 Georgia,serif!important}.uco170-help p{margin:0!important;color:#a9bbb1!important;font-size:11px!important}.uco170-help>a{display:grid;gap:2px;padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:14px;color:#f6ecd0!important;text-decoration:none;background:rgba(255,255,255,.03);font-weight:800}.uco170-help>a small{color:#9fb2a8;font-weight:500}.uco170-help>button{min-height:44px;border:0;background:transparent;color:#dcc77f;cursor:pointer}
@keyframes uco170Pop{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}

/* Login/footer completion. */
.uco170-auth-footer{position:relative;z-index:5;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;padding:13px 20px calc(13px + env(safe-area-inset-bottom));background:#03140e;color:#8fa69b;text-align:center;font:10px/1.5 system-ui;border-top:1px solid rgba(255,255,255,.06)}.uco170-auth-footer strong{color:#d8c27d;font-weight:800}
.uco170-login .uco126-panel :is(.uco126-back,.uco169-magic summary,.uco169-magic__body form,.uco126-join){text-align:center!important;justify-content:center!important}.uco170-login .uco169-magic__body label{align-items:center!important}.uco170-login .uco169-magic__body input{text-align:center!important}.uco170-login .uco126-options{align-items:center!important}.uco170-login .uco126-options>a{margin-left:auto!important}

/* V1.6.9 onboarding completion: centre the requested intro at all touch/tablet sizes. */
.uco170-register .ucn169-onboarding__header{max-width:760px;margin-inline:auto;text-align:center!important;display:grid!important;justify-items:center!important}.uco170-register .ucn169-onboarding__header>span,.uco170-register .ucn169-onboarding__header>h1,.uco170-register .ucn169-onboarding__header>p,.uco170-register .ucn169-save-state{margin-left:auto!important;margin-right:auto!important;text-align:center!important}.uco170-register .ucn169-onboarding__header>p{max-width:58ch!important}.uco170-register .ucn169-onboarding form[data-uco169-journey]{width:min(100%,860px)!important;margin-inline:auto!important}.uco170-register .ucn169-step__head{text-align:center!important}.uco170-register .ucn169-step__head>p{max-width:62ch;margin-inline:auto!important}

/* Toasts */
.uco170-toast{position:fixed;z-index:1600;left:50%;bottom:calc(var(--uco170-bottom-nav) + var(--uco170-safe-b) + 18px);transform:translate(-50%,14px);opacity:0;pointer-events:none;max-width:min(520px,calc(100vw - 24px));padding:10px 14px;border-radius:999px;border:1px solid rgba(223,198,120,.28);background:rgba(8,49,35,.96);box-shadow:0 14px 34px rgba(0,0,0,.32);color:#fff8e9;font:700 11px/1.4 system-ui;transition:.18s ease}.uco170-toast.is-visible{opacity:1;transform:translate(-50%,0)}

@media(max-width:1024px){body.uco170-account .uco127-top{top:calc(var(--uco170-safe-t) + 6px)!important}.uco170-register .ucn169-onboarding__header{padding-inline:clamp(12px,4vw,28px)!important}.uco170-register .ucn169-onboarding__header>img{margin-inline:auto!important}.uco170-register .ucn169-onboarding__header h1{font-size:clamp(32px,5.4vw,46px)!important}.uco170-register .ucn169-onboarding__main{width:100%!important;max-width:100%!important}}
@media(max-width:782px){:root{--uco170-quick-size:54px}.uco170-quick{right:12px;bottom:calc(var(--uco170-bottom-nav) + var(--uco170-safe-b) + 10px)}.uco170-quick__panel{width:min(370px,calc(100vw - 20px));border-radius:22px}.uco170-quick__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.uco170-register .ucn169-onboarding__header{padding:24px 14px 10px!important}.uco170-register .ucn169-onboarding__header h1{font-size:clamp(31px,8.4vw,39px)!important}.uco170-register .ucn169-onboarding__header p{font-size:13px!important;line-height:1.65!important}.uco170-register .ucn169-save-state{font-size:11px!important}.uco170-register .ucn169-step__head h2{font-size:clamp(27px,7vw,34px)!important}body.uco170-account .uco127-main{padding-inline:12px!important}}
@media(max-width:420px){.uco170-quick__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.uco170-quick__grid .uco170-logout{grid-column:1/-1}.uco170-register .ucn169-onboarding__main{padding-inline:8px!important}.uco170-register .ucn169-onboarding form[data-uco169-journey]{padding:18px 12px!important}.uco170-auth-footer{font-size:9px}}
@media(orientation:landscape) and (max-height:560px){.uco170-quick{bottom:calc(var(--uco170-safe-b) + 8px)}.uco170-quick__panel{max-height:calc(100dvh - 76px)}body.uco170-account .uco127-top{position:relative!important;top:auto!important}.uco170-register .ucn169-onboarding__header{padding-block:10px!important}}
@media(hover:none) and (pointer:coarse){.uco170-quick__grid :is(a,button),.uco170-help>a,.uco170-help>button{min-height:48px}.uco170-quick__trigger{touch-action:manipulation}}
@media(prefers-reduced-motion:reduce){.uco170-quick__panel{animation:none}.uco170-quick__trigger,.uco170-toast,body.uco170-account .uco127-top{transition:none!important}}
