dialog.aros-confirm { padding:0; width:min(480px,calc(100vw - 32px)); max-height:calc(100dvh - 40px); overflow:auto; border:1px solid #bcd8d3; border-radius:24px; background:#ffffff; color:#07535b; box-shadow:0 28px 90px #002e4260; font-family:inherit; }
dialog.aros-confirm::backdrop { background:rgb(3 42 50 / 55%); backdrop-filter:blur(6px); }
.aros-confirm .aros-confirm-brand { display:flex; align-items:center; justify-content:space-between; padding:20px 26px; background:linear-gradient(120deg,#063e48,#007e82); }
.aros-confirm .aros-confirm-brand img { width:100px; height:52px; object-fit:contain; }
.aros-confirm button { font:inherit; cursor:pointer; transition:background .15s,border-color .15s; }
.aros-confirm .aros-confirm-brand button { width:36px; height:36px; padding:0; border:1px solid #ffffff50; border-radius:50%; background:#ffffff10; color:white; font-size:25px; line-height:1; }
.aros-confirm .aros-confirm-body { padding:28px; }
.aros-confirm .aros-confirm-eyebrow { color:#00838b; font-size:.72rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.aros-confirm h2 { margin:9px 0 18px; color:#07535b; font-size:1.65rem; line-height:1.2; font-weight:800; }
.aros-confirm .aros-confirm-name { margin:0 0 12px; padding:14px 16px; border:1px solid #cfe5e8; border-radius:12px; background:#f1fafb; font-size:1rem; font-weight:750; overflow-wrap:anywhere; }
.aros-confirm #aros-confirm-description { margin:0; color:#587377; font-size:.94rem; line-height:1.6; }
.aros-confirm .aros-confirm-actions { display:flex; justify-content:flex-end; gap:12px; margin-top:28px; }
.aros-confirm .aros-confirm-actions button { padding:12px 20px; border:1px solid #b6ceca; border-radius:12px; font-weight:750; background:transparent; color:#07535b; }
.aros-confirm .aros-confirm-actions button:hover { background:#e8f6f7; }
.aros-confirm .aros-confirm-actions [data-confirm] { background:#075d65; border-color:#075d65; color:white; }
.aros-confirm .aros-confirm-actions [data-confirm]:hover { background:#03464e; }
.aros-confirm button:focus-visible { outline:3px solid #00a5ad; outline-offset:3px; }
@media(max-width:420px) { .aros-confirm .aros-confirm-body {padding:22px;} .aros-confirm .aros-confirm-actions button {flex:1;} }
