/* Shared in-page dialogs: ink, paper, clear actions in both site themes. */
html dialog#siteConfirmDialog.site-confirm{--confirm-bg:#1b1b1b;--confirm-fg:#f5f5f5;--confirm-muted:#c6c6c6;--confirm-line:#626262;--confirm-soft:#292929;--confirm-accent:#f5f5f5;--confirm-button-ink:#171717;box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(460px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;overflow:auto;border:1px solid var(--confirm-line)!important;border-radius:18px;color:var(--confirm-fg)!important;background:var(--confirm-bg)!important;box-shadow:0 24px 80px #0006;font-family:inherit;color-scheme:dark;text-align:left}
html[data-theme=light] dialog#siteConfirmDialog.site-confirm{--confirm-bg:#fff;--confirm-fg:#1b1b1b;--confirm-muted:#505050;--confirm-line:#aaa;--confirm-soft:#f2f2f2;--confirm-accent:#202020;--confirm-button-ink:#fff;color-scheme:light}
html dialog#siteConfirmDialog.site-confirm::backdrop{background:#0008!important;backdrop-filter:blur(4px)}
html dialog#siteConfirmDialog.site-confirm[open]{animation:site-confirm-in .2s ease-out both}
html dialog#siteConfirmDialog.site-confirm.is-closing{animation:site-confirm-out .16s ease-in both;pointer-events:none}
html #siteConfirmDialog.site-confirm .site-confirm-content{position:relative;padding:28px}
html #siteConfirmDialog.site-confirm .site-confirm-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:18px;border:1px solid var(--confirm-line)!important;border-radius:13px;color:var(--confirm-fg)!important;background:var(--confirm-soft)!important}
html #siteConfirmDialog.site-confirm .site-confirm-icon svg{width:24px;height:24px}
html #siteConfirmDialog.site-confirm .site-confirm-eyebrow{margin:0 0 6px;color:var(--confirm-muted)!important;font-size:12px!important;font-weight:600;letter-spacing:.06em}
html #siteConfirmDialog.site-confirm h2{margin:0 0 12px;color:var(--confirm-fg)!important;font-size:22px!important;font-weight:700;line-height:1.4;overflow-wrap:anywhere}
html #siteConfirmDialog.site-confirm #siteConfirmDescription{margin:0;color:var(--confirm-fg)!important;font-size:15px!important;line-height:1.8;white-space:pre-line;overflow-wrap:anywhere}
html #siteConfirmDialog.site-confirm #siteConfirmDescription:empty{display:none}
html #siteConfirmDialog.site-confirm .site-confirm-note{margin-top:18px;padding:12px 14px;border:1px solid var(--confirm-line)!important;border-radius:10px;background:var(--confirm-soft)!important;color:var(--confirm-muted)!important;font-size:13px!important;line-height:1.7;white-space:pre-line;overflow-wrap:anywhere}
html #siteConfirmDialog.site-confirm [hidden]{display:none!important}
html #siteConfirmDialog.site-confirm button{appearance:none;font:inherit;cursor:pointer;box-shadow:none;transition:filter .16s ease;opacity:1;text-shadow:none}
html #siteConfirmDialog.site-confirm :is(button,input):focus-visible{outline:2px solid var(--confirm-fg);outline-offset:3px}
html #siteConfirmDialog.site-confirm .site-confirm-close{position:absolute;top:18px;right:18px;display:grid;place-items:center;box-sizing:border-box;width:36px;height:36px;min-height:36px;padding:8px;border:1px solid var(--confirm-line)!important;border-radius:10px;background:var(--confirm-soft)!important;color:var(--confirm-fg)!important}
html #siteConfirmDialog.site-confirm .site-confirm-close svg{display:block;width:18px;height:18px}
html #siteConfirmDialog.site-confirm .site-confirm-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:26px}
html #siteConfirmDialog.site-confirm .site-confirm-actions button{box-sizing:border-box;min-width:112px;min-height:44px;padding:10px 20px;border:1px solid var(--confirm-line)!important;border-radius:10px;background:var(--confirm-soft)!important;color:var(--confirm-fg)!important;font-size:14px!important;font-weight:700;line-height:1.4}
html #siteConfirmDialog.site-confirm .site-confirm-actions [data-confirm-accept]{background:var(--confirm-accent)!important;border-color:var(--confirm-accent)!important;color:var(--confirm-button-ink)!important}
html #siteConfirmDialog.site-confirm button:hover:not(:disabled){filter:brightness(.9)}
html #siteConfirmDialog.site-confirm button:disabled{cursor:default;opacity:.65}
html #siteConfirmDialog.site-confirm .site-confirm-input-label{display:block;margin-top:18px;color:var(--confirm-muted)!important;font-size:13px!important;line-height:1.6}
html #siteConfirmDialog.site-confirm #siteConfirmInput{box-sizing:border-box;display:block;width:100%;height:44px;margin-top:8px;padding:10px 12px;border:1px solid var(--confirm-line)!important;border-radius:10px;background:var(--confirm-soft)!important;color:var(--confirm-fg)!important;font:inherit;font-size:15px!important}
@keyframes site-confirm-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@keyframes site-confirm-out{from{opacity:1;transform:none}to{opacity:0;transform:translateY(6px) scale(.98)}}
@media(max-width:560px){html #siteConfirmDialog.site-confirm .site-confirm-content{padding:22px}html #siteConfirmDialog.site-confirm h2{font-size:20px!important}html #siteConfirmDialog.site-confirm .site-confirm-actions button{flex:1;min-width:0}html #siteConfirmDialog.site-confirm .site-confirm-close{top:14px;right:14px}}
@media(prefers-reduced-motion:reduce){html dialog#siteConfirmDialog.site-confirm[open],html dialog#siteConfirmDialog.site-confirm.is-closing{animation:none}html #siteConfirmDialog.site-confirm button{transition:none}}
