/* 4.6.9.16: shared controls, contained overflow, restrained surfaces. */
body.acp-body *,body.acp-ux * { box-sizing:border-box; }
body.acp-body :is(.acp-card,.acp-formsection,.acp-settings-section) { box-shadow:0 4px 18px rgb(0 0 0 / .045)!important; }
body.acp-body :is(.acp-card h2,.acp-card__head h2) { font-size:17px; font-weight:700; letter-spacing:-.015em; text-transform:none; }
body.acp-body :is(.acp-card form,.acp-formsection,.acp-sectionlayout,.acp-sectionlayout__main) { min-width:0; max-width:100%; }
body.acp-body :is(.acp-field,.acp-fieldset) { margin-block:0 16px; }
body.acp-body :is(input[type=checkbox],input[type=radio]) { width:18px; height:18px; min-height:18px!important; flex-shrink:0; accent-color:var(--acp-accent); vertical-align:middle; }
body.acp-body :is(.acp-screenhead,.acp-card__head,.acp-formactions) { flex-wrap:wrap; }
body.acp-body :is(.acp-screenhead>*,.acp-filters>*) { min-width:0; max-width:100%; }
body.acp-body .acp-tablewrap { overflow-x:auto; }
body.acp-body :is(.acp-btn,.acp-options a) { white-space:normal; overflow-wrap:anywhere; }
body.acp-body :is(.acp-muted,.acp-sub,.acp-note) { line-height:1.65; }
body.acp-body img,body.acp-ux img { max-width:100%; }
body.acp-body :is(.acp-card,.acp-content) :is(pre,code) { overflow-wrap:anywhere; }
body.acp-ux :is(.ux-card,.ux-field,.ux-main,.ux-order-config,.ux-funding-main) { min-width:0; }
body.acp-ux :is(input,textarea,select) { max-width:100%; font:inherit; }
body.acp-ux :is(input[type=checkbox],input[type=radio]) { accent-color:var(--ux-primary); min-width:18px; min-height:18px; }
body.acp-ux :is(button,a,input,textarea,select):focus-visible { outline:3px solid var(--ux-primary); outline-offset:3px; }
body.acp-ux :is(.ux-card h2,.ux-card h3) { text-wrap:balance; line-height:1.4; }
@media(max-width:760px) {
 body.acp-body :is(.acp-sectionlayout,.acp-grid--sidebar,.acp-grid--reverse) { grid-template-columns:minmax(0,1fr)!important; }
 body.acp-body .acp-content { padding-inline:14px!important; }
 body.acp-body :is(.acp-card form,.acp-filters) { min-width:0!important; }
 body.acp-body :is(.acp-filters input,.acp-filters select) { width:100%; }
 body.acp-body :is(.acp-field input:not([type=checkbox]):not([type=radio]),.acp-field select,.acp-field textarea),body.acp-ux :is(input,select,textarea) { font-size:16px!important; }
 body.acp-ux :is(.ux-main,.ux-card) { overflow-wrap:anywhere; }
}
@media(prefers-reduced-motion:reduce) { body.acp-ux *,body.acp-body * { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }

/* Auth layout: keep settings in document flow, never over submit controls. */
html body.acp-ux.acp-ux[data-ux-theme].acp-ux--auth .ux-auth { display:grid!important; width:min(1120px,calc(100% - 40px))!important; max-width:1120px!important; margin:32px auto!important; padding:24px!important; gap:32px!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; align-items:start!important; min-height:0!important; }
html body.acp-ux.acp-ux[data-ux-theme].acp-ux--auth .ux-auth__panel { padding:24px 12px!important; min-width:0; }
html body.acp-ux.acp-ux[data-ux-theme].acp-ux--auth .ux-auth__panel h1 { font-size:36px!important; line-height:1.2!important; margin:24px 0 16px!important; }
html body.acp-ux.acp-ux[data-ux-theme].acp-ux--auth .ux-auth__form { padding:28px!important; min-width:0; border:1px solid var(--ux-line)!important; border-radius:20px!important; box-shadow:0 6px 24px rgb(0 0 0 / .04)!important; }
html body.acp-ux.acp-ux[data-ux-theme].acp-ux--auth .ux-auth__formhead h2 { font-size:30px!important; line-height:1.25!important; }
html body.acp-ux.acp-ux[data-ux-theme].acp-ux--auth .ux-auth__formhead p { font-size:15px!important; line-height:1.6!important; margin:10px 0 22px!important; }
html body.acp-ux.acp-ux[data-ux-theme].acp-ux--auth .ux-authform { display:grid!important; gap:18px!important; margin:0!important; }
html body.acp-ux.acp-ux[data-ux-theme].acp-ux--auth .ux-authform .ux-formgrid { grid-template-columns:minmax(0,1fr)!important; gap:18px!important; }
html body.acp-ux.acp-ux[data-ux-theme].acp-ux--auth .ux-authform label { min-width:0!important; }
html body.acp-ux.acp-ux[data-ux-theme].acp-ux--auth .ux-authform input:not([type=checkbox]):not([type=hidden]) { width:100%!important; height:48px!important; min-height:48px!important; border-radius:10px!important; padding-block:10px!important; font-size:16px!important; }
html body.acp-ux.acp-ux[data-ux-theme].acp-ux--auth .ux-authrow { gap:12px!important; flex-wrap:wrap!important; font-size:13px!important; }
html body.acp-ux.acp-ux[data-ux-theme].acp-ux--auth .ux-authswitch { margin-top:24px!important; }
html body.acp-ux.acp-ux[data-ux-theme].acp-ux--auth .ux-auth-art { max-height:200px!important; object-fit:contain!important; }
html body.acp-ux.acp-ux[data-ux-theme].acp-ux--auth .acp-world { position:relative!important; inset:auto!important; width:100%!important; display:flex!important; flex-wrap:wrap!important; justify-content:flex-end!important; gap:8px!important; margin:0 0 24px!important; z-index:10!important; color:var(--ux-text)!important; }
html body.acp-ux.acp-ux[data-ux-theme].acp-ux--auth .acp-world summary { display:flex!important; align-items:center!important; gap:7px!important; min-height:38px!important; padding:8px 10px!important; background:var(--ux-soft)!important; color:var(--ux-text)!important; border:1px solid var(--ux-line)!important; border-radius:9px!important; box-shadow:none!important; font-size:12px!important; line-height:1.4!important; }
body.acp-ux .acp-world svg.acp-picker-chevron { display:block!important; width:14px!important; height:14px!important; min-width:14px!important; flex:0 0 14px!important; fill:none!important; stroke:currentColor!important; stroke-width:2!important; }
html body.acp-ux.acp-ux[data-ux-theme].acp-ux--auth .acp-world-menu { top:calc(100% + 8px)!important; bottom:auto!important; right:0!important; max-width:calc(100vw - 48px)!important; max-height:60dvh!important; overflow-y:auto!important; }
@media(max-width:899px) {
 html body.acp-ux.acp-ux[data-ux-theme].acp-ux--auth .ux-auth { grid-template-columns:minmax(0,1fr)!important; width:min(520px,calc(100% - 24px))!important; margin:16px auto!important; padding:0!important; gap:14px!important; }
 html body.acp-ux.acp-ux[data-ux-theme].acp-ux--auth .ux-auth__panel { padding:12px!important; }
 html body.acp-ux.acp-ux[data-ux-theme].acp-ux--auth .ux-auth__panel :is(h1,p,.ux-auth__eyebrow,.ux-auth-art,.ux-auth__points,.ux-authtrust) { display:none!important; }
 html body.acp-ux.acp-ux[data-ux-theme].acp-ux--auth .ux-auth__form { padding:22px 18px!important; }
}

/* Reference navigation structure, retaining existing theme colors. */
html body.acp-ux.acp-ux[data-ux-theme] .ux-side .ux-sideprofile { display:block!important; padding:16px!important; margin:8px 0 20px!important; border:1px solid var(--ux-line); border-radius:14px; }
html body.acp-ux.acp-ux[data-ux-theme] .ux-sideprofile__head { display:flex!important; align-items:center; gap:12px; }
html body.acp-ux.acp-ux[data-ux-theme] .ux-sideprofile__avatar { display:block!important; width:48px!important; height:48px!important; border-radius:50%; overflow:hidden; flex-shrink:0; }
html body.acp-ux.acp-ux[data-ux-theme] .ux-sideprofile__head strong { display:block; overflow-wrap:anywhere; }
html body.acp-ux.acp-ux[data-ux-theme] .ux-sidebar-tools { margin:0 0 18px; min-width:0; }
html body.acp-ux.acp-ux[data-ux-theme] .ux-sidebar-tools .acp-world { position:static!important; inset:auto!important; display:grid!important; width:100%!important; gap:8px!important; z-index:20!important; }
html body.acp-ux.acp-ux[data-ux-theme] .ux-sidebar-tools .acp-world-picker { min-width:0; }
html body.acp-ux.acp-ux[data-ux-theme] .ux-sidebar-tools .acp-world summary { display:flex!important; align-items:center!important; gap:8px!important; width:100%; padding:10px 12px!important; min-height:44px!important; border-radius:10px!important; background:var(--ux-soft)!important; color:var(--ux-text)!important; box-shadow:none!important; border:1px solid var(--ux-line)!important; }
html body.acp-ux.acp-ux[data-ux-theme] .ux-sidebar-tools .acp-world-menu { position:relative!important; inset:auto!important; width:100%!important; max-height:300px!important; overflow-y:auto!important; margin-top:6px; }
html body.acp-ux.acp-ux[data-ux-theme] .ux-sidebar-tools .ux-theme { display:flex!important; position:static!important; width:100%!important; margin-top:10px; min-height:44px!important; }
html body.acp-ux.acp-ux[data-ux-theme] .ux-header-settings,html body.acp-ux.acp-ux[data-ux-theme] .ux-top>.ux-fx { display:none!important; }
html body.acp-ux.acp-ux[data-ux-theme] .ux-reference-wallet { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px; padding:28px; margin-bottom:20px; }
html body.acp-ux.acp-ux[data-ux-theme] .ux-reference-wallet h2 { display:flex; align-items:center; gap:12px; font-size:15px; margin:12px 0; }
html body.acp-ux.acp-ux[data-ux-theme] .ux-reference-wallet strong { font-size:38px; font-variant-numeric:tabular-nums; }
html body.acp-ux.acp-ux[data-ux-theme] .ux-reference-wallet__actions { display:flex; gap:10px; flex-wrap:wrap; }
html body.acp-ux.acp-ux[data-ux-theme] .ux-reference-actions { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; margin-bottom:24px; }
html body.acp-ux.acp-ux[data-ux-theme] .ux-reference-actions>a { padding:22px 14px; font-weight:700; display:flex; gap:10px; align-items:center; justify-content:space-between; }
html body.acp-ux.acp-ux[data-ux-theme] .ux-saved-list { display:grid; gap:14px; }
html body.acp-ux.acp-ux[data-ux-theme] .ux-saved-item { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:20px; flex-wrap:wrap; }
html body.acp-ux.acp-ux[data-ux-theme] .ux-saved-item h2 { font-size:18px; line-height:1.5; }
html body.acp-ux.acp-ux[data-ux-theme] .ux-save-product { margin-bottom:16px; }
@media(max-width:1199px) { html body.acp-ux.acp-ux[data-ux-theme] .ux-reference-actions { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:600px) { html body.acp-ux.acp-ux[data-ux-theme] .ux-reference-actions { grid-template-columns:repeat(2,minmax(0,1fr)); } html body.acp-ux.acp-ux[data-ux-theme] .ux-reference-wallet { padding:20px; } }

html body.acp-ux.acp-ux[data-ux-theme] .ux-side .ux-nav-label { display:block!important; margin:14px 10px 8px!important; font-size:11px!important; letter-spacing:.08em; }
html body.acp-ux.acp-ux[data-ux-theme] .ux-top .ux-global-search { display:flex!important; min-width:0!important; max-width:500px; }
@media(max-width:600px) { html body.acp-ux.acp-ux[data-ux-theme] .ux-top .ux-global-search { display:none!important; } }
@media(min-width:900px) {
 html body.acp-ux.acp-ux[data-ux-theme]:not(.acp-ux--auth) .ux-top { position:relative!important; inset:auto!important; width:100%!important; max-width:none!important; margin:0!important; padding:16px 24px!important; min-height:82px!important; border-radius:0!important; display:flex!important; gap:18px!important; }
 html body.acp-ux.acp-ux[data-ux-theme] .ux-top .ux-logo { display:inline-flex!important; flex:0 0 auto; }
 html body.acp-ux.acp-ux[data-ux-theme] .ux-top .ux-logo img { max-width:190px!important; max-height:40px!important; }
 html body.acp-ux.acp-ux[data-ux-theme] .ux-top .ux-top__page { display:none!important; }
 html body.acp-ux.acp-ux[data-ux-theme] .ux-shell { display:grid!important; grid-template-columns:260px minmax(0,1fr)!important; align-items:start!important; gap:26px!important; width:calc(100% - 48px)!important; max-width:1680px!important; padding:24px 0 48px!important; margin:0 auto!important; }
 html body.acp-ux.acp-ux[data-ux-theme] .ux-side { position:sticky!important; inset:auto!important; top:20px!important; width:260px!important; max-width:260px!important; height:auto!important; max-height:calc(100dvh - 40px)!important; overflow-y:auto!important; padding:16px!important; margin:0!important; border-radius:18px!important; }
 html body.acp-ux.acp-ux[data-ux-theme] .ux-side .ux-drawer-head { display:none!important; }
 html body.acp-ux.acp-ux[data-ux-theme] .ux-main { width:100%!important; max-width:none!important; margin:0!important; padding:0!important; min-width:0!important; }
}
