.vca-web-mail-dialog{width:min(540px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:24px;color:var(--vca-text);background:var(--vca-surface);border:1px solid var(--vca-line);border-radius:14px}
.vca-web-mail-dialog::backdrop{background:color-mix(in srgb,var(--vca-text) 50%,transparent)}
.vca-web-mail-dialog form,.vca-web-mail-dialog label{display:grid;gap:12px}
.vca-web-mail-dialog input,.vca-web-mail-dialog select,.vca-web-mail-dialog textarea{width:100%;box-sizing:border-box;padding:10px;font:inherit;color:inherit;background:var(--vca-surface);border:1px solid var(--vca-field);border-radius:8px}
.vca-web-compose{width:min(760px,calc(100vw - 32px))}
.vca-web-compose label{margin-block:16px}
.brand .mark.vca-custom-logo{background:transparent}
.brand .mark.vca-custom-logo img{width:100%;height:100%;object-fit:contain}
body[data-panel-page="acceso"] .brand>div{max-width:calc(100vw - 110px)}
.vca-web-mail-dialog .actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.vca-web-mail-dialog button{min-height:40px}
@media(max-width:600px){.vca-web-mail-dialog{padding:18px}.vca-web-mail-dialog button{min-height:44px}}