/* V57: Design-Vorschau mit expliziter Speicherung und diskreter Neonoptik. */
#p2gPortalShell .p2g-v57-design-footer{margin-top:20px;padding:17px;border:1px solid color-mix(in srgb,var(--p2g-neon-a,#20b88c) 18%,#405169);border-radius:14px;background:linear-gradient(130deg,var(--p2g-ambient-card,#151e2e),var(--p2g-ambient-card-alt,#181e32))}
#p2gPortalShell .p2g-v57-design-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
#p2gPortalShell .p2g-v57-design-actions button{cursor:pointer;font-weight:800;border-radius:11px;padding:11px 20px;font-size:13px;min-height:43px;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}
#p2gPortalShell #p2gDesignReset{background:#2b323b!important;color:#e6e8ef!important;border:1px solid #737d8b!important;box-shadow:none!important}
#p2gPortalShell #p2gDesignReset:hover:not(:disabled),#p2gPortalShell #p2gDesignReset:focus-visible:not(:disabled){background:#3c444d!important;border-color:#9fa7b4!important}
#p2gPortalShell #p2gDesignSave{background:linear-gradient(115deg,color-mix(in srgb,#0c3a2c 88%,var(--p2g-neon-a,#20b88c)),color-mix(in srgb,#113c34 86%,var(--p2g-neon-b,#36c39d)))!important;color:#eafef3!important;border:1px solid color-mix(in srgb,#32bd89 72%,var(--p2g-neon-a,#20b88c))!important;box-shadow:0 2px 9px #0003!important}
#p2gPortalShell #p2gDesignSave:hover:not(:disabled),#p2gPortalShell #p2gDesignSave:focus-visible:not(:disabled){border-color:color-mix(in srgb,var(--p2g-neon-a,#25ba8e) 40%,#62e9b0)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--p2g-neon-b,#25ba8e) 33%,transparent),0 4px 12px #0005!important}
#p2gPortalShell .p2g-v57-design-actions button:disabled{opacity:.53;cursor:default}
#p2gPortalShell #p2gDesignDraftStatus{font-size:12px;color:#bfd4df;margin:12px 0 0;line-height:1.55}
#p2gPortalShell .p2g-v57-saving:not([hidden]){display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-left:3px;color:#b9f4d5;font-size:12px}
#p2gPortalShell .p2g-v57-progress-track{height:6px;flex:1 1 110px;max-width:200px;border-radius:40px;overflow:hidden;background:#344b50}
#p2gPortalShell .p2g-v57-progress-track span{display:block;height:100%;width:42%;border-radius:40px;background:linear-gradient(90deg,#18b87b,#80ebba);animation:p2g-v57-saving 1.25s ease-in-out infinite alternate}
@keyframes p2g-v57-saving{from{transform:translateX(-75%)}to{transform:translateX(255%)}}
#p2gDesignLeaveDialog{border:1px solid color-mix(in srgb,var(--p2g-neon-a,#5f9ac0) 28%,#536478);color:#eff6ff;background:linear-gradient(130deg,#15202d,#1b2030);border-radius:18px;width:min(490px,calc(100% - 32px));padding:24px;box-shadow:0 20px 65px #000b}
#p2gDesignLeaveDialog::backdrop{background:#050916be;backdrop-filter:blur(4px)}
#p2gDesignLeaveDialog h2{font-size:21px;line-height:1.3;margin:0 0 12px;color:#f1f8ff}
#p2gDesignLeaveDialog p{font-size:14px;line-height:1.6;color:#c1cbd9;margin:0 0 19px}
#p2gDesignLeaveDialog .p2g-v57-leave-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
#p2gDesignLeaveDialog button{font-weight:800;font-size:12px;padding:10px 14px;min-height:42px;border-radius:10px;cursor:pointer;color:#f2f8ff;border:1px solid #64718b;background:#293244}
#p2gDesignLeaveDialog #p2gDesignDiscardLeave{border-color:#bd6074;background:#45232f}
#p2gDesignLeaveDialog button:hover,#p2gDesignLeaveDialog button:focus-visible{filter:brightness(1.18)}
@media(prefers-reduced-motion:reduce){#p2gPortalShell .p2g-v57-progress-track span{animation:none;width:100%}#p2gPortalShell .p2g-v57-design-actions button{transition:none}}

#p2gPortalShell #p2gDesignSave:disabled{opacity:.88;box-shadow:0 2px 9px #0003!important}