/* Scoped to private routes. Status, brand artwork and checkout are untouched. */
kx-accent-settings{container-type:inline-size;display:block;margin:24px 0;max-width:720px;min-width:0}
.kx-accent-picker{margin:0;padding:20px;border:1px solid var(--border-default,#555);border-radius:14px;min-width:0;color:var(--text-strong,#f5f3ee);background:var(--surface-card,#1a1a1f)}
.kx-accent-picker legend{font-size:18px;font-weight:700;padding:0 6px}.kx-accent-picker p{font-size:14px;line-height:1.6;margin:0 0 20px;color:inherit}.kx-accent-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.kx-accent-option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:92px;padding:12px 6px;border:2px solid var(--border-default,#555);border-radius:12px;text-align:center;font-size:13px;line-height:1.4;cursor:pointer;box-sizing:border-box;min-width:0}.kx-accent-option input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.kx-accent-swatch{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--swatch);color:#111;border:1px solid #1115;flex:none}.kx-accent-swatch span{visibility:hidden;font-size:20px;font-weight:800}.kx-accent-option:has(input:checked){border-color:var(--brand);background:var(--brand-soft);color:var(--brand-on-soft)}.kx-accent-option:has(input:checked) .kx-accent-swatch span{visibility:visible}.kx-accent-option:has(input:focus-visible){outline:3px solid var(--brand);outline-offset:3px}.kx-accent-reset{margin-top:20px;min-height:44px;padding:10px 14px;border:1px solid var(--accent-border,#888);border-radius:9px;background:transparent;color:var(--accent-text,inherit);font:inherit;cursor:pointer}.kx-accent-reset:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.kx-accent-status:empty{display:none}.kx-accent-picker .kx-accent-status{margin:16px 0 0;font-size:13px}
html[data-kx-personal-accent] :is(.pd-btn:not(.pd-btn-outline),.ks-button,.ks-tabs button:not(.ks-outline),.kx-button[data-variant=primary]){background:var(--brand);color:var(--on-brand);border-color:var(--accent-border)}
html[data-kx-personal-accent] :is(.pd-btn:not(.pd-btn-outline),.ks-button,.ks-tabs button:not(.ks-outline)):hover:not(:disabled){background:var(--brand-hover);color:var(--on-brand)}
html[data-kx-personal-accent] :is(.pd-btn-outline,.pd-link,.pd-overline,.pd-credit-link,.pd-sidebar-bottom button,.kt-profile-tabs button[aria-selected=true]){color:var(--accent-text);border-color:var(--accent-border)}
html[data-kx-personal-accent] .pd-nav-item.is-active{background:var(--brand-soft);color:var(--brand-on-soft);box-shadow:inset 3px 0 var(--brand)}html[data-kx-personal-accent] .pd-nav-item.is-active svg{color:var(--brand-on-soft)}
html[data-kx-personal-accent] :is(input[type=checkbox],input[type=radio],progress){accent-color:var(--brand)}
html[data-kx-personal-accent] :is(button,a,input,select,textarea):focus-visible{outline:3px solid var(--brand);outline-offset:3px}
html[data-kx-personal-accent] :is(button,input,select,textarea):disabled{opacity:.55;cursor:not-allowed}
html[data-kx-personal-accent] .kt-profile-workspace{--pw-gold:var(--brand)}
@media(max-width:450px){.kx-accent-options{grid-template-columns:repeat(2,minmax(0,1fr))}.kx-accent-picker{padding:16px}.kx-accent-option{min-height:92px}}
@media(prefers-reduced-motion:no-preference){html[data-kx-personal-accent] :is(.pd-btn,.pd-nav-item,.ks-button,.kx-accent-option){transition:background-color .12s,color .12s,border-color .12s}}

@container(max-width:450px){.kx-accent-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
html[data-kx-personal-accent] .ks kx-accent-settings{--surface-card:#fff;--text-strong:#1a1a1f;--border-default:#b8b8b8}
html[data-kx-personal-accent] .ks button:not(.ks-outline):not(.kx-accent-reset){background:var(--brand);color:var(--on-brand);border-color:var(--accent-border)}
html[data-kx-personal-accent] .ks button:not(.ks-outline):not(.kx-accent-reset):hover:not(:disabled){background:var(--brand-hover);color:var(--on-brand)}

html[data-kx-personal-accent] :is(.pd-shell,.ks){--brand:var(--kx-brand);--on-brand:var(--kx-on-brand);--brand-soft:var(--kx-brand-soft);--brand-on-soft:var(--kx-brand-on-soft);--accent-border:var(--kx-accent-border);--brand-hover:var(--kx-brand-hover)}