.chart-alert-button{border:1px solid #c7dcd6;border-radius:7px;background:#f0faf6;color:#08745f;cursor:pointer;font:600 12px system-ui;padding:5px 8px;margin:4px}
.chart-alert-button:hover{background:#d8f0e6;border-color:#08745f}
.chart-alert-button:focus-visible{outline:3px solid #276cec;outline-offset:2px}
.chart-alert-bar-button{position:absolute;transform:translateY(-50%);width:30px;height:28px;margin:0;padding:0;font-size:18px;z-index:2}
.chart-alert-dialog{box-sizing:border-box;width:min(760px,94vw);max-height:90dvh;overflow:auto;border:1px solid #dae4e4;border-radius:16px;padding:24px;color:#193731;background:#fff;box-shadow:0 18px 70px #0004;font:14px/1.6 system-ui}
.chart-alert-dialog::backdrop{background:#0b223878}
.chart-alert-dialog header,.chart-alert-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.chart-alert-dialog h2{font-size:21px;margin:0}.chart-alert-dialog h3{font-size:16px}
.chart-alert-dialog label{display:block;font-weight:650;margin:16px 0 7px}
.chart-alert-dialog textarea{box-sizing:border-box;display:block;width:100%;border:1px solid #afc7c0;border-radius:8px;padding:12px;font:inherit;resize:vertical}
.chart-alert-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}
.chart-alert-preview{padding:16px;background:#f4f8f7;border:1px solid #dce9e3;border-radius:10px;margin-top:16px;overflow-wrap:anywhere}
.chart-alert-primary,.chart-alert-secondary{font:600 14px system-ui;cursor:pointer;border:1px solid #16785e;border-radius:8px;padding:10px 16px;background:#16785e;color:white}
.chart-alert-secondary{background:white;color:#16785e}.chart-alert-dialog button:disabled{opacity:.55;cursor:wait}
.chart-alert-dialog [hidden]{display:none!important}
@media(max-width:600px){.chart-alert-dialog{padding:16px}.chart-alert-dialog h2{font-size:18px}}

.chart-alert-email-frame{display:block;width:100%;height:560px;border:0;background:#edf3f5;border-radius:10px}
.chart-alert-recipients{font-size:13px;overflow-wrap:anywhere;color:#506b62}

.chart-alert-dialog[open]{display:flex;flex-direction:column;padding:0;overflow:hidden;max-height:92dvh}
.chart-alert-dialog>header,.chart-alert-dialog>footer{flex-shrink:0;padding:16px 20px;background:white;z-index:2}
.chart-alert-dialog>header{border-bottom:1px solid #dce9e3}
.chart-alert-dialog>footer{border-top:1px solid #dce9e3;box-shadow:0 -3px 12px #17382d0a}
.chart-alert-content{overflow-y:auto;min-height:0;padding:0 20px 20px;overscroll-behavior:contain}
.chart-alert-header-actions{display:flex;gap:8px;flex-wrap:wrap}
.chart-alert-dialog.chart-alert-fullscreen{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;margin:0;border-radius:0}
.chart-alert-fullscreen .chart-alert-content{flex:1}
.chart-alert-result{width:min(480px,90vw);box-sizing:border-box;border:1px solid #cadbd5;border-radius:14px;padding:24px;color:#193731;font:14px/1.6 system-ui;max-height:85dvh;overflow:auto}
.chart-alert-result::backdrop{background:#102e4266}
.chart-alert-result h2{font-size:21px}.chart-alert-result p{white-space:pre-wrap;overflow-wrap:anywhere}