#newsletter-dashboard,:is(#newsletter-create-dialog,#newsletter-send-dialog){--nl-primary:#ff596f;--nl-primary-text:#fff}
#newsletter-dashboard .newsletter-primary,:is(#newsletter-create-dialog,#newsletter-send-dialog) .newsletter-primary{height:36px;min-height:36px;border-radius:999px;background:var(--nl-primary);border-color:var(--nl-primary);color:var(--nl-primary-text);font-size:14px;font-weight:700;padding:0 20px}
#newsletter-dashboard .newsletter-secondary,:is(#newsletter-create-dialog,#newsletter-send-dialog) .newsletter-secondary{height:36px;min-height:36px;border-radius:999px;font-size:14px;font-weight:700}
#newsletter-dashboard .form-head .buttons{gap:14px;align-items:center}
#newsletter-dashboard .newsletter-subtitle{display:block;color:#9098a5;font-size:11px;margin-top:4px}
#newsletter-dashboard .newsletter-draft-actions{text-align:center}
#newsletter-dashboard .newsletter-menu-trigger{display:flex;align-items:center;justify-content:center;border:0;background:transparent;padding:0;border-radius:999px;cursor:pointer}
#newsletter-dashboard .newsletter-title{color:inherit}#newsletter-dashboard .newsletter-status{text-align:center}
#newsletter-dashboard-error{margin:16px 0;padding:14px;border-radius:8px;background:#fff0f2;color:#a33147;font-size:13px}
#newsletter-dashboard [hidden],:is(#newsletter-create-dialog,#newsletter-send-dialog) [hidden]{display:none!important}
:is(#newsletter-create-dialog,#newsletter-send-dialog){padding:0;border:1px solid #e5e8ee;border-radius:16px;width:700px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);color:#344054;box-shadow:0 20px 80px #23304a30}
:is(#newsletter-create-dialog,#newsletter-send-dialog) form{display:flex;flex-direction:column;max-height:calc(100dvh - 34px)}
:is(#newsletter-create-dialog,#newsletter-send-dialog)::backdrop{background:#26354d55;backdrop-filter:blur(3px)}
:is(#newsletter-create-dialog,#newsletter-send-dialog) header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #e5e8ee;font-size:18px;font-weight:700;flex-shrink:0}
:is(#newsletter-create-dialog,#newsletter-send-dialog) header h2{font:inherit;margin:0}
:is(#newsletter-create-dialog,#newsletter-send-dialog) .newsletter-dialog-close{border:1px solid #dfe5df;border-radius:999px;width:36px;height:36px;padding:0;background:#fff;color:#697970;font-size:24px;cursor:pointer}
:is(#newsletter-create-dialog,#newsletter-send-dialog) .newsletter-dialog-body{padding:20px 24px;overflow:auto;min-height:0}:is(#newsletter-create-dialog,#newsletter-send-dialog) label{display:block;font-size:13px;font-weight:600}
:is(#newsletter-create-dialog,#newsletter-send-dialog) #newsletter-title{display:block;margin-top:8px;height:36px;width:100%;border:1px solid #dce2e8;border-radius:6px;padding:0 12px;color:inherit}
:is(#newsletter-create-dialog,#newsletter-send-dialog) footer{display:flex;justify-content:flex-end;gap:14px;padding:16px 24px;border-top:1px solid #e5e8ee;flex-shrink:0;background:#fff}
@media(max-width:520px){:is(#newsletter-create-dialog,#newsletter-send-dialog) header{padding:14px 16px}:is(#newsletter-create-dialog,#newsletter-send-dialog) .newsletter-dialog-body{padding:16px}:is(#newsletter-create-dialog,#newsletter-send-dialog) footer{padding:14px 16px}}

/* Bulma changes active dropdowns to block; keep table triggers anchored. */
#newsletter-dashboard #users-datatable .dropdown.is-dots{display:inline-flex!important;width:30px;height:30px;vertical-align:middle}
:is(#newsletter-create-dialog,#newsletter-send-dialog) .newsletter-dialog-close{display:inline-flex;align-items:center;justify-content:center;line-height:1;flex:none}
:is(#newsletter-create-dialog,#newsletter-send-dialog) .newsletter-dialog-close svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}

#newsletter-preview-test[hidden],#sendtest[hidden]{display:none!important}
#newsletter-preview-test{height:36px;padding:0 16px;border:0;border-radius:999px;background:var(--nl-primary,#ff596f);color:var(--nl-primary-text,#fff);font-size:13px;font-weight:700;cursor:pointer}
#newsletter-preview-test:disabled{opacity:.5;cursor:wait}
#mail_content-panel .right-panel-head{gap:12px;flex-wrap:wrap}
#mail_content-panel .right-panel-head h3{margin-right:auto}
#mail_content-panel .right-panel-head .close-panel{margin-left:0;flex:none}
.newsletter-preview-frame{display:block;border:0;width:100%;height:calc(100dvh - 125px);min-height:360px;background:#f1f2ee}
.newsletter-preview-notice{padding:28px;font-size:14px;color:#637082;text-align:center}
#newsletter-send-dialog{width:580px}
#newsletter-send-dialog .pb-field{display:flex;flex-direction:column;gap:8px;margin:18px 0;font-size:13px;font-weight:600}
#newsletter-send-dialog .pb-field input{width:100%;height:36px;border:1px solid #dce2e8;border-radius:6px;padding:0 12px;color:inherit}
#newsletter-send-dialog small{font-size:12px;font-weight:400;color:#8993a0;line-height:1.7}
#newsletter-send-dialog .newsletter-secondary{padding:0 20px;background:white;border:1px solid #dce2e8;color:#344054}
#newsletter-send-dialog .nl-review-summary{display:grid;grid-template-columns:90px 1fr;gap:14px;padding:18px;background:#f7f8fa;border-radius:10px;font-size:13px}
#newsletter-send-dialog .nl-review-note{font-size:13px;line-height:1.7;margin:12px 0}
#newsletter-result-count .dataTables_info{padding:4px 0 0!important;font-size:12px;font-weight:400;color:#8993a0!important;line-height:1.5}
#newsletter-dashboard #infotop{display:flex;align-items:center;margin:0}
#newsletter-dashboard #infotop .dataTables_length{margin:0;padding:0}
#newsletter-dashboard #infotop label{display:flex;align-items:center;height:36px;margin:0}
#newsletter-dashboard .form-head .buttons{margin:0}
#newsletter-dashboard .form-head .buttons>.button{margin:0}
#newsletter-dashboard #infotop select{height:36px;min-height:36px;width:76px;margin:0;border:1px solid #dce2e8;border-radius:6px;background:#fff;font-size:13px}
#newsletter-dashboard .form-head-inner{gap:16px}
#newsletter-dashboard .newsletter-status-line{display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
#newsletter-dashboard .newsletter-status .tag.is-success{background:#06c99a;color:#fff}
#newsletter-dashboard .newsletter-status .tag.is-danger{background:#e65367;color:#fff}
#newsletter-dashboard .newsletter-delivery-counts{display:inline-block;margin-top:5px;background:#f5f5f5;color:#666;font-size:10px;line-height:1.6;padding:0 4px}
#newsletter-dashboard .newsletter-refresh{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:1px solid #dce2e8;border-radius:999px;background:#fff;color:#6b768a;cursor:pointer;flex:none}
#newsletter-dashboard .newsletter-refresh svg{width:14px;height:14px;display:block}
#newsletter-dashboard .newsletter-refresh.is-loading svg{animation:newsletter-spin .8s linear infinite}
@keyframes newsletter-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#newsletter-dashboard .newsletter-refresh.is-loading svg{animation:none}}