.auth-dialog{box-sizing:border-box;border:1px solid #d6e2ef;border-radius:22px;max-width:500px;width:calc(100% - 32px);max-height:90dvh;padding:36px;background:#fff;color:#102f52;box-shadow:0 24px 100px #07234133}.auth-dialog::backdrop{background:#071f3bb3}.auth-dialog h2{font-size:28px;line-height:1.2;margin:12px 0 20px}.auth-dialog p{line-height:1.5}.auth-dialog form{display:grid;gap:16px;margin:24px 0}.auth-dialog label{display:grid;gap:8px}.auth-dialog input{box-sizing:border-box;width:100%;padding:14px;font:inherit;border:1px solid #c6d7ea;border-radius:10px;color:inherit;background:#f6f9fd}.auth-dialog button{font:inherit;cursor:pointer;padding:14px;border:1px solid #c6d7ea;border-radius:10px;background:#fff;color:#123659}.auth-dialog .primary{background:#2563ef;color:white;border-color:#2563ef}.auth-close{position:absolute;right:12px;top:10px;border:0!important;font-size:24px!important;padding:4px 12px!important}.auth-dialog button:disabled{opacity:.6;cursor:wait}.auth-dialog details{margin-top:24px}.auth-dialog #mfa-qr img{width:200px;max-width:100%}.auth-status{font-size:15px;color:#174572}.account-layout{max-width:960px;margin:40px auto;padding:0 24px}.account-layout .case-choice{width:100%;text-align:left;margin:12px 0;padding:24px}.account-layout .photo-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px}.account-layout .photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px}
.auth-dialog{overflow-y:auto}
.listing-draft-dialog{max-width:820px}.listing-draft-dialog label{margin-top:18px}.listing-draft-dialog textarea{box-sizing:border-box;width:100%;padding:18px;font:inherit;font-size:16px;line-height:1.6;border:1px solid #c6d7ea;border-radius:10px;background:#f6f9fd;color:inherit;resize:vertical}.draft-warnings{margin:20px 0;padding:16px;background:#edf3fa;border-left:3px solid #2563ef;font-size:15px;line-height:1.6}.draft-warnings ul{padding-left:22px;margin-bottom:0}
.auth-dialog [hidden],.account-actions [hidden]{display:none!important}
.auth-dialog:has(.auth-switch){max-width:540px;padding:34px 38px}.auth-dialog:has(.auth-switch)>h2{font-size:30px;margin-bottom:10px}.auth-dialog:has(.auth-switch)>p:not(.eyebrow):not(.hint):not(.auth-status){font-size:14px;color:#536c87}
.auth-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin:22px 0 8px;background:#edf3fa;border-radius:10px}.auth-dialog .auth-switch button{border:0;border-radius:7px;background:transparent;color:#536c87;padding:11px}.auth-dialog .auth-switch button.active{background:#fff;color:#102f52;box-shadow:0 2px 8px #102e521a}
.auth-dialog [data-auth-panel] form{margin:20px 0 10px;gap:13px}.auth-dialog [data-auth-panel] form .primary{margin-top:4px}.auth-dialog .auth-text-button{padding:5px 0;border:0;background:transparent;color:#205ecb;font-size:13px;font-weight:700}.auth-dialog .auth-text-button:hover{background:transparent;text-decoration:underline}.auth-link-option{margin-top:25px;padding-top:19px;border-top:1px solid #e1e9f3}.auth-link-option summary{cursor:pointer;color:#315475;font-size:13px;font-weight:700}.auth-link-option .hint{margin:14px 0}.auth-link-option form{margin:12px 0}
.auth-dialog .auth-status{min-height:20px;margin:15px 0 0;font-size:13px;line-height:1.5}.account-actions{display:flex;align-items:center;gap:8px}.account-actions button{white-space:nowrap}.customer-password-dialog{max-width:520px}
@media(max-width:600px){.auth-dialog:has(.auth-switch){width:calc(100% - 20px);padding:28px 22px}.auth-dialog:has(.auth-switch)>h2{font-size:26px}.account-actions{gap:5px}.account-actions button{padding:9px 10px;font-size:11px}header:has(.account-actions){padding:10px 15px;height:auto;min-height:68px}header:has(.account-actions) svg{width:130px;height:25px}header:has(.account-actions)>span{display:none}}
