/* Namespaced so Bootstrap, Community and author workspace styles stay independent. */
html.project-confirm-open{overflow:hidden}
dialog.project-confirm-dialog{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(440px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;padding:28px;border:1px solid #e9e1eb;border-radius:18px;background:#fff;color:#282132;box-shadow:0 24px 90px #20102440;font:14px/1.6 system-ui,sans-serif;text-align:left}
dialog.project-confirm-dialog::backdrop{background:rgb(24 15 32 / 48%);backdrop-filter:blur(3px)}
.project-confirm-dialog .project-confirm-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:16px;border-radius:12px;background:#f3eaf6;color:#6c156b;font-size:23px;font-weight:600}
.project-confirm-dialog.is-destructive .project-confirm-icon{background:#fff0f1;color:#ac3045}
.project-confirm-dialog h2{margin:0 0 8px;color:#282132;font-size:20px;font-weight:600;line-height:1.35;letter-spacing:-.3px}
.project-confirm-dialog p{margin:0;color:#6c6171;font-size:14px;line-height:1.7;white-space:pre-line;overflow-wrap:anywhere}
.project-confirm-dialog .project-confirm-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:26px}
.project-confirm-dialog .project-confirm-actions button{appearance:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:42px;max-width:100%;margin:0;padding:9px 18px;border:1px solid #ded6e2;border-radius:9px;background:#fff;color:#514758;font:600 13px/1.5 system-ui,sans-serif;white-space:normal;cursor:pointer;box-shadow:none}
.project-confirm-dialog .project-confirm-actions [data-accept]{background:#6c156b;border-color:#6c156b;color:#fff}
.project-confirm-dialog.is-destructive .project-confirm-actions [data-accept]{background:#ac3045;border-color:#ac3045}
.project-confirm-dialog .project-confirm-actions button:hover{filter:brightness(.95)}
.project-confirm-dialog .project-confirm-actions button:focus-visible{outline:3px solid #b990cd;outline-offset:3px}
@media(max-width:480px){dialog.project-confirm-dialog{padding:22px}.project-confirm-dialog .project-confirm-actions button{flex:1}}
