/* Os mesmos controlos e medidas das ferramentas da partilha dos grupos. */
.share-toolbar{display:flex;justify-content:flex-end;margin-bottom:12px}
.share-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:rgba(255,255,255,.8);color:#182c23;cursor:pointer}
.share-icon:hover{background:#fff}
.share-icon:focus-visible{outline:3px solid #469168;outline-offset:3px}
.desktop-qr{position:fixed;right:28px;bottom:28px;text-align:center;color:#182c23}
.desktop-qr p{margin:0 0 8px;font-size:.9rem;font-weight:600}
.qr-box{display:inline-block;padding:16px;border-radius:16px;background:#fff}
.qr-box img,.qr-box canvas{display:block}
.share-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.share-actions .button{flex:1 1 180px;text-align:center}
.share-dialog{width:min(calc(100% - 32px),420px);max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border:0;border-radius:22px;background:#f4f6f5;color:#182c23;text-align:center;box-shadow:0 20px 70px #0003}
.share-dialog::backdrop{background:rgba(15,25,20,.45)}
.share-dialog input{width:100%;margin-top:16px;padding:12px;border:1px solid #dce5df;border-radius:10px;font:inherit}
.share-dialog .button{display:block;width:100%;padding:14px 18px;border-radius:14px;margin:10px 0;text-decoration:none;border:1px solid #dce5df;cursor:pointer;font:inherit;font-weight:650;background:#fff;color:#182c23}
.share-dialog .button:hover{background:#e6eee9}
.share-dialog .button.primary{background:#16643d;border-color:#16643d;color:#fff}
.share-dialog .button.primary:hover{background:#104c2e}
.share-status{min-height:1.5em;font-size:.9rem}
@media(max-width:1099px){.desktop-qr{display:none}}