.io-external-dialog { box-sizing:border-box; width:min(520px,calc(100% - 32px)); max-height:calc(100vh - 40px); margin:auto; padding:28px; border:1px solid #dce5dd; border-radius:10px; background:#fff; color:#29332e; font:16px/1.6 var(--io-font,'Fira Sans',Arial,sans-serif); box-shadow:0 20px 70px #17231b30; }
.io-external-dialog::backdrop { background:rgb(25 35 30 / 45%); }
.io-external-dialog .io-external-dialog__title { margin:0 0 14px; font:600 23px/1.3 var(--io-font,'Fira Sans',Arial,sans-serif); color:#29332e; }
.io-external-dialog p { margin:0 0 18px; font:inherit; color:inherit; }
.io-external-dialog .io-external-dialog__destination { padding:10px 12px; background:#f5f7f5; border-radius:5px; color:#657269; font-size:13px; overflow-wrap:anywhere; }
.io-external-dialog__actions { display:flex; flex-wrap:wrap; gap:10px; }
.io-external-dialog__actions button,.io-external-dialog__actions a { display:inline-flex; justify-content:center; align-items:center; min-height:44px; padding:10px 14px; border:1px solid #dce5dd; border-radius:5px; background:#fff; color:#43534a; text-decoration:none; font:500 14px/1.4 var(--io-font,'Fira Sans',Arial,sans-serif); cursor:pointer; }
.io-external-dialog__actions button { background:#edf5e9; color:#287d35; border-color:#d8e6d2; }
.io-external-dialog__actions :is(button,a):focus-visible { outline:2px solid #287d35; outline-offset:3px; }
@media(max-width:480px){.io-external-dialog{padding:20px}.io-external-dialog .io-external-dialog__title{font-size:21px}.io-external-dialog__actions{flex-direction:column}}