.poco-auth-dialog { width:min(480px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); border:1px solid #dce5f0; border-radius:24px; padding:38px 32px 30px; color:#102d50; background:#fff; box-shadow:0 20px 80px #0b254744; overflow:auto; box-sizing:border-box; }
.poco-auth-dialog::backdrop { background:#102d5070; }
.poco-auth-close { position:absolute; right:8px; top:8px; width:44px; height:44px; border:0; border-radius:50%; background:#f3f6fa; color:#102d50; font-size:26px; cursor:pointer; }
.poco-auth [hidden] { display:none!important; }
.poco-auth-page { max-width:480px; margin:24px auto; padding:32px; border:1px solid #dce5f0; border-radius:24px; background:white; box-sizing:border-box; }
.poco-auth { min-width:0; overflow-wrap:anywhere; }
.poco-auth h2 { font-size:27px; line-height:1.2; margin:10px 0 18px; color:#073b87; }
.poco-auth p { font-size:15px; line-height:1.6; color:#53657c; }
.poco-auth-eyebrow { display:block; color:#53657c; font-size:13px; font-weight:600; margin-top:16px; }
.poco-auth-form { display:grid; gap:12px; margin:24px 0; }
.poco-auth-form>input:not([type=hidden]) { width:100%; min-width:0; border:1px solid #a8b8cb; border-radius:12px; padding:13px 14px; font:inherit; background:white; color:#102d50; box-sizing:border-box; }
.poco-password-field { display:grid; grid-template-columns:minmax(0,1fr); min-width:0; width:100%; }
.poco-password-field>input { grid-area:1/1; width:100%; min-width:0; box-sizing:border-box; padding-right:54px!important; }
.poco-profile-editor .poco-password-field { margin-top:8px; }
.poco-profile-editor .poco-password-field>input { margin:0!important; }
.poco-auth-form .poco-password-field>input { border:1px solid #a8b8cb; border-radius:12px; padding:13px 54px 13px 14px; font:inherit; background:white; color:#102d50; }
.poco-password-field>.poco-password-toggle { grid-area:1/1; justify-self:end; align-self:center; position:relative; right:2px; display:flex; align-items:center; justify-content:center; width:44px; height:44px; min-height:0; padding:0; margin:0; border:0; border-radius:10px; background:transparent; color:#0753b8; cursor:pointer; }
.poco-password-toggle:hover { background:#f3f6fa; }
.poco-password-toggle:focus-visible { outline:3px solid #ff795e; outline-offset:1px; }
.poco-password-toggle .poco-password-slash { display:none; }
.poco-password-toggle[aria-pressed=true] .poco-password-slash { display:block; }
.poco-auth-form label { font-weight:600; font-size:14px; }
.poco-auth-form :focus-visible,.poco-auth a:focus-visible { outline:3px solid #ff795e; outline-offset:3px; }
.poco-auth-form .poco-button { margin-top:8px; width:100%; white-space:normal; background:#ff6548; color:#fff; border:0; justify-content:center; font:inherit; font-weight:700; cursor:pointer; }
.poco-auth-remember { display:flex; align-items:center; gap:8px; }
.poco-auth-form>a { display:flex; align-items:center; min-height:44px; }
.poco-auth a { color:#0753b8; font-weight:600; }
.poco-auth-switch { display:block; text-align:center; padding:12px; }
.poco-auth-back { display:inline-block; margin:0 0 12px; }
.poco-auth-form[aria-busy=true] button[type=submit],.poco-profile-editor[aria-busy=true] button[type=submit],.poco-address-form[aria-busy=true] button[type=submit] { cursor:wait; opacity:.7; }
.poco-auth-form .poco-auth-submit-status,.poco-profile-editor .poco-auth-submit-status,.poco-address-form .poco-auth-submit-status { margin:0; font:inherit; overflow-wrap:anywhere; }
@media(max-width:480px) { .poco-auth-dialog { padding:38px 20px 24px; border-radius:18px; } .poco-auth-page { padding:24px 18px; margin:16px 0; } .poco-auth h2 { font-size:24px; } }