.site-dialog { --dialog-accent: var(--primary-blue,#5269ef); margin:auto; padding:0; width:min(420px,calc(100vw - 32px)); max-width:none; max-height:calc(100dvh - 40px); overflow:auto; box-sizing:border-box; border:1px solid var(--border-color,#e2e8f6); border-radius:24px; background:var(--card-background,#fff); color:var(--text-primary,#24324a); box-shadow:0 24px 80px #080e3038; font:inherit; }
.site-dialog::backdrop { background:#090f246e; backdrop-filter:blur(5px); }
.site-dialog-card { position:relative; padding:30px 24px 24px; text-align:center; }
.site-dialog-close { position:absolute; top:12px; right:12px; display:grid; place-items:center; width:32px; height:32px; padding:0; border:1px solid var(--border-color,#e2e8f6); border-radius:50%; background:var(--input-background,#f5f7fd); color:var(--text-secondary,#7c89a0); font-size:24px; line-height:1; cursor:pointer; }
.site-dialog-emblem { display:grid; place-items:center; width:62px; height:62px; margin:4px auto 18px; border-radius:20px; color:var(--dialog-accent); background:color-mix(in srgb,var(--dialog-accent) 12%,transparent); }
.site-dialog-emblem svg { width:30px; height:30px; }
.site-dialog-brand { background:none; }
.site-dialog-brand img { width:62px; height:62px; object-fit:contain; }
.site-dialog-eyebrow { display:block; color:var(--text-secondary,#7c89a0); font-size:11px; letter-spacing:.04em; }
.site-dialog-title { margin:10px 0 12px; font-size:21px; line-height:1.5; font-weight:750; color:inherit; overflow-wrap:anywhere; }
.site-dialog-message { margin:0; font-size:14px; line-height:1.8; color:var(--text-secondary,#7c89a0); white-space:pre-wrap; overflow-wrap:anywhere; }
.site-dialog-details { margin:20px 0 0; padding:6px 16px; border:1px solid var(--border-color,#e2e8f6); border-radius:14px; background:var(--input-background,#f6f8fe); }
.site-dialog-detail { display:flex; justify-content:space-between; align-items:baseline; gap:16px; padding:10px 0; font-size:13px; text-align:left; }
.site-dialog-detail + .site-dialog-detail { border-top:1px solid var(--border-color,#e2e8f6); }
.site-dialog-detail dt { color:var(--text-secondary,#7c89a0); flex-shrink:0; }
.site-dialog-detail dd { margin:0; min-width:0; overflow-wrap:anywhere; text-align:right; font-weight:650; color:var(--text-primary,#24324a); }
.site-dialog-sections { display:grid; gap:14px; margin-top:22px; text-align:left; }
.site-dialog-sections section { padding-left:12px; border-left:2px solid color-mix(in srgb,var(--dialog-accent) 35%,transparent); }
.site-dialog-sections h3 { margin:0 0 5px; color:inherit; font-size:13px; font-weight:650; }
.site-dialog-sections p { margin:0; font-size:12px; line-height:1.8; color:var(--text-secondary,#7c89a0); }
.site-dialog-actions { display:flex; gap:10px; margin-top:24px; }
.site-dialog-actions button { flex:1; min-width:0; min-height:44px; padding:11px 12px; font:inherit; font-size:14px; font-weight:650; line-height:1.5; border-radius:12px; cursor:pointer; }
.site-dialog-primary { border:1px solid transparent; color:#fff; background:linear-gradient(115deg,var(--dialog-accent),#765cf5); box-shadow:0 5px 15px #5b6df324; }
.site-dialog-secondary { border:1px solid var(--border-color,#e2e8f6); background:var(--input-background,#f6f8fe); color:var(--text-secondary,#7c89a0); }
.site-dialog button:focus-visible { outline:2px solid var(--dialog-accent); outline-offset:3px; }
.site-dialog-footnote { display:block; margin-top:14px; color:var(--text-muted,#96a1b5); font-size:11px; line-height:1.6; }
.site-dialog--danger { --dialog-accent:#e06276; }
.site-dialog--danger .site-dialog-primary { background:var(--dialog-accent); }
.site-dialog--admin { --dialog-accent:#5065ef; font-family:inherit; width:min(440px,calc(100vw - 32px)); border-radius:18px; }
.site-dialog--admin .site-dialog-card { padding:28px; }
.site-dialog--admin .site-dialog-primary { background:var(--dialog-accent); }
.site-dialog--admin.site-dialog--danger { --dialog-accent:#dc6274; }
@media(max-width:360px) { .site-dialog-card,.site-dialog--admin .site-dialog-card { padding:26px 18px 20px; } .site-dialog-title { font-size:19px; } }