/* Keep this confirmation compact while preserving touch targets in every density. */
html dialog.invitation-feedback-dialog.invitation-feedback-dialog{box-sizing:border-box;width:min(460px,calc(100vw - 32px));max-width:min(460px,calc(100vw - 32px));min-width:0;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #dde5f1;border-radius:20px;background:#fff;color:#152744;box-shadow:0 24px 72px #15274433;overflow:auto}
html dialog.invitation-feedback-dialog::backdrop{background:#10244166;backdrop-filter:blur(3px)}
html dialog.invitation-feedback-dialog .invitation-feedback-card{padding:28px 24px 24px;text-align:center}
html dialog.invitation-feedback-dialog .invitation-feedback-mark{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 18px;border-radius:50%;background:#eaf1ff;color:#2459dd;font-size:38px;font-weight:700;line-height:1}
html dialog.invitation-feedback-dialog[data-state="success"] .invitation-feedback-mark{background:#e5f6ed;color:#188362}
html dialog.invitation-feedback-dialog[data-state="attention"] .invitation-feedback-mark,html dialog.invitation-feedback-dialog[data-state="review"] .invitation-feedback-mark{background:#fff4de;color:#946013}
html dialog.invitation-feedback-dialog[data-state="pending"] .invitation-feedback-mark::after{content:"";width:25px;height:25px;border:3px solid #c9d8fa;border-top-color:#2459dd;border-radius:50%;animation:invitation-feedback-spin 1s linear infinite}
html dialog.invitation-feedback-dialog .invitation-feedback-card h2{margin:0 0 12px;font-size:24px;line-height:1.2;font-weight:750;outline:none}
html dialog.invitation-feedback-dialog .invitation-feedback-card p{margin:0;color:#566881;font-size:15px;line-height:1.55;overflow-wrap:anywhere}
html dialog.invitation-feedback-dialog .invitation-feedback-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:24px}
html dialog.invitation-feedback-dialog .invitation-feedback-actions button{box-sizing:border-box;min-height:44px;padding:11px 16px;font-size:15px;line-height:1.35;border-radius:10px;cursor:pointer}
html dialog.invitation-feedback-dialog .invitation-feedback-actions .primary{background:#2459ee;color:#fff;border:1px solid #2459ee;font-weight:650}
html dialog.invitation-feedback-dialog .invitation-feedback-actions .secondary{background:#f4f7fc;color:#25446f;border:1px solid #dae3f1}
html dialog.invitation-feedback-dialog .invitation-feedback-actions button:focus-visible{outline:3px solid #55bdd6;outline-offset:3px}
html dialog.invitation-feedback-dialog .invitation-feedback-actions button:disabled{opacity:.65;cursor:wait}
html dialog.invitation-feedback-dialog .invitation-feedback-announcement{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@keyframes invitation-feedback-spin{to{transform:rotate(360deg)}}
@media(max-width:420px){html dialog.invitation-feedback-dialog .invitation-feedback-card{padding:24px 18px 20px}html dialog.invitation-feedback-dialog .invitation-feedback-card h2{font-size:22px}html dialog.invitation-feedback-dialog .invitation-feedback-actions button{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){html dialog.invitation-feedback-dialog[data-state="pending"] .invitation-feedback-mark::after{animation:none}}