/* One host component on every BSF site. Mail content owns its own document and styles. */
.bsf-mail-badge{position:absolute;top:-5px;inset-inline-end:-5px;min-width:16px;height:16px;padding:0 4px;background:var(--bsf-status-info-500,#267db4);color:#fff;border-radius:999px;font-size:.6rem;font-weight:800;align-items:center;justify-content:center;line-height:16px;box-shadow:0 0 0 2px var(--bsf-bg-surface,#fff)}
#bsfMailWidget[hidden],#bsfMailWidget [hidden]{display:none!important}
#bsfMailWidget{position:fixed;inset:0;z-index:1080;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.bsf-mail-shade{position:absolute;inset:0;background:#102b426b;backdrop-filter:blur(7px)}
#bsfMailDialog{--mw-bg:#fff;--mw-ink:#213e45;--mw-muted:#637d82;--mw-line:#dfe9e8;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(1340px,calc(100vw - 56px));height:min(880px,calc(100dvh - 64px));display:flex;flex-direction:column;overflow:hidden;border:1px solid #ffffff70;border-radius:22px;background:var(--mw-bg);color:var(--mw-ink);box-shadow:0 32px 100px #08223850,0 4px 16px #0c273722}
#bsfMailDialog[data-theme=dark]{--mw-bg:#112731;--mw-ink:#e5eff1;--mw-muted:#a3b8bf;--mw-line:#2d4650;border-color:#365460}
#bsfMailDialog.is-expanded{width:calc(100vw - 24px);height:calc(100dvh - 24px);border-radius:14px}
.bsf-mail-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 22px;border-bottom:1px solid var(--mw-line);background:var(--mw-bg);flex:none}
.bsf-mail-brand{display:flex;align-items:center;gap:13px;min-width:0}
.bsf-mail-mark{display:grid;place-items:center;width:44px;height:44px;flex:none;color:#fff;border-radius:14px;background:linear-gradient(135deg,#2eaa91,#176b62);box-shadow:0 4px 12px #176b6225}
.bsf-mail-brand h2{margin:0 0 3px;font:700 18px/1.3 system-ui,sans-serif;letter-spacing:-.025em;color:var(--mw-ink)}
.bsf-mail-brand p{margin:0;font:400 12px/1.4 system-ui,sans-serif;color:var(--mw-muted)}
.bsf-mail-window-actions{display:flex;align-items:center;gap:5px;flex:none}
.bsf-mail-window-actions button{display:grid;place-items:center;width:40px;height:40px;border:1px solid transparent;border-radius:10px;color:var(--mw-muted);background:transparent;cursor:pointer}
.bsf-mail-window-actions button:hover{background:color-mix(in srgb,var(--mw-muted) 12%,transparent);color:var(--mw-ink)}
#bsfMailDialog :focus-visible{outline:3px solid #289c86;outline-offset:2px}
#bsfMailStage{position:relative;display:flex;flex:1;min-height:0;background:var(--mw-bg)}
#bsfMailFrame{width:100%;height:100%;flex:1;border:0;display:block;background:var(--mw-bg)}
#bsfMailLoading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:30px;text-align:center;color:var(--mw-muted)}
#bsfMailLoading p{margin:0;max-width:42ch;font-size:14px;line-height:1.65}
#bsfMailRetry,#bsfMailLogin{font:inherit;border:1px solid var(--mw-line);background:var(--mw-bg);color:var(--mw-ink);border-radius:9px;padding:10px 18px;cursor:pointer}
.bsf-mail-spinner{width:30px;height:30px;border:2px solid var(--mw-line);border-top-color:#26977f;border-radius:50%;animation:mw-loading .8s linear infinite}
#bsfMailLoading.is-error .bsf-mail-spinner{display:none}
@keyframes mw-loading{to{transform:rotate(360deg)}}
@media(max-width:768px){#bsfMailDialog,#bsfMailDialog.is-expanded{inset:0;transform:none;width:100%;height:100dvh;border:0;border-radius:0}.bsf-mail-top{padding:12px 14px;padding-top:max(12px,env(safe-area-inset-top));gap:8px}.bsf-mail-mark{width:38px;height:38px;border-radius:12px}.bsf-mail-brand{gap:10px}.bsf-mail-brand h2{font-size:16px}.bsf-mail-brand p{font-size:11px}.bsf-mail-window-actions button{width:40px;height:42px}#bsfMailExpand{display:none}}
@media(prefers-reduced-motion:reduce){.bsf-mail-spinner{animation:none}}