/* BY-WOW Next: compact ice-glass settings. */
.cabinet-tab-panel .setting-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:26px;align-items:start}
.cabinet-tab-panel .setting-card{min-width:0;box-sizing:border-box;position:relative;padding:23px;border:1px solid #9cd7ef30;border-radius:17px;background:linear-gradient(140deg,#1734499c,#071724b8);backdrop-filter:blur(14px);box-shadow:inset 0 1px #d5f2ff09,0 12px 28px #00000014;transition:border-color .22s,box-shadow .22s}
.cabinet-tab-panel .setting-card:hover{border-color:#9cd7ef62;box-shadow:inset 0 1px #d5f2ff12,0 12px 30px #00000024}
.cabinet-tab-panel .setting-card-overview{display:flex;align-items:flex-start;gap:15px;min-height:116px}
.cabinet-tab-panel .setting-card-emblem{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #b5e6ff25;border-radius:12px;background:#9cd7ef0d;color:var(--setting-tone);box-shadow:inset 0 1px #d5f2ff0d}
.cabinet-tab-panel .setting-card-emblem svg{width:22px;height:22px}
.cabinet-tab-panel .setting-card-copy{min-width:0}
.cabinet-tab-panel .setting-card-copy h3{display:block;font-size:17px;line-height:1.4;color:#e2f1f7;margin:0 0 9px;letter-spacing:0}
.cabinet-tab-panel .setting-card-copy p{font-size:13px;line-height:1.75;color:#9fb6c4;margin:0;max-width:48ch}
.cabinet-tab-panel .setting-card-toggle{display:flex;justify-content:space-between;align-items:center;gap:14px;width:100%;margin-top:19px;padding:11px 14px;border:1px solid #9cd7ef45;border-radius:10px;background:#9cd7ef0d;color:#c9e8f5;font-size:13px;box-shadow:none;transform:none}
.cabinet-tab-panel .setting-card-toggle:hover{background:#9cd7ef1b;border-color:#9cd7ef80;transform:none}
.cabinet-tab-panel .setting-card-toggle:focus-visible{outline:2px solid #a7dff5;outline-offset:4px}
.cabinet-tab-panel .setting-card-toggle svg{transition:transform .25s}
.cabinet-tab-panel .setting-card[data-open=true]{grid-column:1/-1;border-color:#9cd7ef66;background:linear-gradient(140deg,#18384bb3,#071724c9)}
.cabinet-tab-panel .setting-card[data-open=true] .setting-card-overview{min-height:0}
.cabinet-tab-panel .setting-card[data-open=true] .setting-card-toggle svg{transform:rotate(180deg)}
.cabinet-tab-panel .setting-card-body{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .3s ease,opacity .24s ease}
.cabinet-tab-panel .setting-card[data-open=true] .setting-card-body{grid-template-rows:1fr;opacity:1}
.cabinet-tab-panel .setting-card-inner{min-height:0;overflow:hidden}
.cabinet-tab-panel .setting-card-body .security-form,.cabinet-tab-panel .setting-card-body #avatar-settings,.cabinet-tab-panel .setting-card-body #nickname-settings{padding:22px 0 0;margin:20px 0 0;border:0;border-top:1px solid #9cd7ef25;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;max-width:none}
.cabinet-tab-panel .setting-card-body .security-form[hidden]{display:none!important}
.cabinet-tab-panel .setting-card-body .security-form>h3,.cabinet-tab-panel .setting-card-body #avatar-settings>h2,.cabinet-tab-panel .setting-card-body #nickname-settings>h2,.cabinet-tab-panel .setting-card-body #nickname-settings>p{display:none}
.cabinet-tab-panel .setting-card-body form:not(#avatar-upload){max-width:680px}
.cabinet-tab-panel .setting-card-body label{display:block;margin:0 0 17px;font-size:13px;line-height:1.6}
.cabinet-tab-panel .setting-card-body input{box-sizing:border-box;max-width:100%;width:100%;margin-top:7px;min-height:44px}
.cabinet-tab-panel .setting-card-body .settings-password-toggle{margin-top:7px}
.cabinet-tab-panel .setting-security-message{margin:20px 0 0;padding:0;color:#bcd8e7}
.cabinet-tab-panel .setting-security-message:empty{display:none}
.cabinet-tab-panel .setting-card-body .avatar-gallery{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));max-width:600px}
.cabinet-tab-panel .setting-card-body .avatar-current{margin-top:0}
@media(max-width:1050px){.cabinet-tab-panel .setting-card-overview{min-height:142px}.cabinet-tab-panel .setting-card{padding:19px}}
@media(max-width:700px){.cabinet-tab-panel .setting-card-grid{grid-template-columns:1fr;gap:14px}.cabinet-tab-panel .setting-card-overview{min-height:0}.cabinet-tab-panel .setting-card{padding:18px}.cabinet-tab-panel .setting-card-copy h3{font-size:16px}}
@media(prefers-reduced-motion:reduce){.cabinet-tab-panel .setting-card,.cabinet-tab-panel .setting-card-body,.cabinet-tab-panel .setting-card-toggle svg{transition:none}}

#cabinet-panel-account-settings .setting-card-body .security-form{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin:22px 0 0!important;max-width:none!important}
#cabinet-panel-account-settings .setting-card-inner{border-top:1px solid transparent}
#cabinet-panel-account-settings .setting-card[data-open=true] .setting-card-inner{border-top-color:#9cd7ef25;margin-top:20px}
#cabinet-panel-account-settings .setting-card-body #password-change-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}
#cabinet-panel-account-settings .setting-card-body #password-change-form>label{margin:0!important}
#cabinet-panel-account-settings .setting-card-body #password-change-form>label:has(input[name=current_password]),#cabinet-panel-account-settings .setting-card-body #password-change-form>#password-code-field,#cabinet-panel-account-settings .setting-card-body #password-change-form>.field-hint,#cabinet-panel-account-settings .setting-card-body #password-change-form>button{grid-column:1/-1}
#cabinet-panel-account-settings .setting-card-body #password-change-form>button{justify-self:start;margin:0}
#cabinet-panel-account-settings .setting-card-body [hidden]{display:none!important}
#cabinet-panel-account-settings .setting-card-body .settings-password-wrap{display:block;margin-top:7px}
#cabinet-panel-account-settings .setting-card-body .settings-password-wrap input{margin:0!important}
#cabinet-panel-account-settings .setting-card-body .settings-password-toggle{margin:0!important;top:50%!important;transform:translateY(-50%)!important}
#cabinet-panel-profile-settings .setting-card-body #avatar-settings>h2,#cabinet-panel-profile-settings .setting-card-body #nickname-settings>h2,#cabinet-panel-profile-settings .setting-card-body #nickname-settings>p{display:none!important}
#cabinet-panel-profile-settings .setting-card-body #avatar-settings,#cabinet-panel-profile-settings .setting-card-body #nickname-settings{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
@media(max-width:700px){#cabinet-panel-account-settings .setting-card-body #password-change-form{grid-template-columns:1fr}}

/* Native modal top layer keeps the cabinet grid stationary. */
.cabinet-tab-panel .settings-dialog:not([open]){display:none!important}
.cabinet-tab-panel .settings-dialog[open]{position:fixed!important;inset:0!important;margin:auto!important;box-sizing:border-box;width:min(760px,calc(100vw - 36px));max-width:760px;max-height:calc(100dvh - 56px);padding:0!important;border:1px solid #9cd7ef65!important;border-radius:20px!important;background:linear-gradient(135deg,#17364bf2,#071723fa)!important;color:#d9ecf5;box-shadow:0 28px 100px #000a,inset 0 1px #e2f5ff16;display:flex!important;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(18px) scale(.88);transform-origin:var(--dialog-origin-x,50%) var(--dialog-origin-y,50%);transition:opacity .18s ease,transform .26s cubic-bezier(.2,.7,.2,1);backdrop-filter:blur(18px)}
.cabinet-tab-panel .settings-dialog[open].is-visible{opacity:1;transform:translateY(0) scale(1)}
.settings-dialog::backdrop{background:#020a13b8;backdrop-filter:blur(9px);opacity:0;transition:opacity .18s ease}
.settings-dialog.is-visible::backdrop{opacity:1}
.cabinet-tab-panel .settings-dialog-heading{display:flex!important;align-items:flex-start;gap:15px;padding:25px 26px 22px;margin:0;border-bottom:1px solid #9cd7ef26;background:#9cd7ef04}
.cabinet-tab-panel .settings-dialog-heading>div{flex:1;min-width:0}
.cabinet-tab-panel .settings-dialog-heading h2{display:block!important;margin:0 0 8px!important;font-size:20px!important;line-height:1.4!important;padding:0!important;border:0!important}
.cabinet-tab-panel .settings-dialog-heading h2:before{display:none!important}
.cabinet-tab-panel .settings-dialog-heading p{margin:0;color:#a5bdcc;font-size:13px;line-height:1.65;max-width:56ch}
.cabinet-tab-panel .settings-dialog-close{flex:0 0 34px;display:grid;place-items:center;width:34px;height:34px;padding:7px!important;margin:0!important;border-radius:10px;border:1px solid #9cd7ef32;background:#9cd7ef09;color:#bedce9;box-shadow:none!important;transform:none!important}
.cabinet-tab-panel .settings-dialog-close svg{width:18px;height:18px}
.cabinet-tab-panel .settings-dialog-close:hover{background:#9cd7ef20;border-color:#b4e6ff80}
.cabinet-tab-panel .settings-dialog-close:focus-visible{outline:2px solid #ade5ff;outline-offset:3px}
.cabinet-tab-panel .settings-dialog .setting-card-inner{overflow:auto!important;overscroll-behavior:contain;min-height:0;padding:24px 26px!important;margin:0!important;border:0!important}
#cabinet-panel-account-settings .settings-dialog .security-form,#cabinet-panel-profile-settings .settings-dialog #avatar-settings,#cabinet-panel-profile-settings .settings-dialog #nickname-settings{padding:0!important;margin:0!important;border:0!important;max-width:none!important}
.cabinet-tab-panel .settings-dialog .setting-card-inner .setting-security-message{padding:13px 15px;margin:18px 0 0;background:#9cd7ef0b;border:1px solid #9cd7ef28;border-radius:10px;font-size:13px}
.cabinet-tab-panel .settings-dialog .setting-security-message:empty{display:none}
.cabinet-tab-panel .settings-dialog .avatar-current{gap:18px}
@media(max-width:700px){.cabinet-tab-panel .settings-dialog[open]{width:calc(100vw - 20px);max-height:calc(100dvh - 24px);border-radius:16px!important}.cabinet-tab-panel .settings-dialog-heading{padding:19px 17px 17px;gap:11px}.cabinet-tab-panel .settings-dialog-heading h2{font-size:17px!important}.cabinet-tab-panel .settings-dialog-heading .setting-card-emblem{width:36px;height:36px;flex-basis:36px}.cabinet-tab-panel .settings-dialog .setting-card-inner{padding:20px 17px!important}}
@media(prefers-reduced-motion:reduce){.cabinet-tab-panel .settings-dialog[open],.settings-dialog::backdrop{transition:none!important;transform:none!important}}

/* Toasts use the browser top layer above modal backdrops. */
.bywow-toast-host[popover]{position:fixed;border:0!important;padding:0!important;margin:0!important;background:transparent!important;color:inherit;right:auto;overflow:visible;max-width:calc(100vw - 28px)}
.bywow-toast-host[popover]:not(:popover-open){display:none!important}
.bywow-toast-host[popover]:popover-open{display:grid}
.bywow-toast-host[popover]::backdrop{display:none}

/* Quiet semantic status colors, both inline and in toasts. */
.cabinet-tab-panel .settings-dialog .setting-security-message[data-status-kind=success]{color:#b0cdbd;background:#365c4829;border-color:#7aab8d55}
.cabinet-tab-panel .settings-dialog .setting-security-message[data-status-kind=error]{color:#d6a2aa;background:#713b4624;border-color:#b16f7c55}
.cabinet-tab-panel .settings-dialog .setting-security-message[data-status-kind=pending],.cabinet-tab-panel .settings-dialog .setting-security-message[data-status-kind=info]{color:#b0c8d7;background:#36576e24;border-color:#7399af44}
.bywow-toast-host .bywow-toast--success{border-color:#7aab8d70;box-shadow:0 14px 45px #0007,inset 3px 0 0 #739f86;background:linear-gradient(140deg,#19382ff5,#0b201df7)}
.bywow-toast-host .bywow-toast--success .bywow-toast-mark{color:#c0d7ca;background:#355a48}
.bywow-toast-host .bywow-toast--success .bywow-toast-text{color:#c0d7ca}
.bywow-toast-host .bywow-toast--error{border-color:#b1778270;box-shadow:0 14px 45px #0007,inset 3px 0 0 #ad7580;background:linear-gradient(140deg,#35252ff5,#201720f7)}
.bywow-toast-host .bywow-toast--error .bywow-toast-mark{color:#dec0c6;background:#603d48}
.bywow-toast-host .bywow-toast--error .bywow-toast-text{color:#dec0c6}