/* Blog by Email installer (/tools/blog-by-email/, public/assets/blog-by-email.js). */
.bbe{margin-top:22px;border:1px solid #dbe3f0;border-radius:18px;background:linear-gradient(160deg,#f3f7ff,#fff 55%);padding:22px;display:grid;gap:18px}
.bbe[hidden],.bbe [hidden]{display:none!important}
.bbe h2{margin:0;font:800 22px/1.25 var(--ui);color:#0b1220;display:flex;gap:10px;align-items:center}
.bbe h2 .n{width:30px;height:30px;border-radius:50%;background:#2456e6;color:#fff;display:grid;place-items:center;font-size:15px;flex:none}
.bbe p{margin:0;font:400 16px/1.55 var(--ui);color:#475569}
.bbe .row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.bbe .btn{display:inline-flex;align-items:center;gap:8px;font:700 15.5px var(--ui);text-decoration:none;border-radius:11px;padding:11px 17px;border:1.5px solid #c9d5ea;color:#2456e6;background:#fff;cursor:pointer}
.bbe .btn.p{background:#2456e6;border-color:#2456e6;color:#fff}
.bbe .btn.p:hover{background:#1c47c4}
.bbe .btn[disabled]{opacity:.55;cursor:default}
.bbe .btn svg,.bbe .i{width:17px;height:17px;flex:none}
.bbe .link{background:none;border:0;padding:0;color:#64748b;font:500 14px var(--ui);cursor:pointer;display:inline-flex;gap:6px;align-items:center;text-decoration:underline}
.bbe fieldset{border:1px solid #dbe3f0;border-radius:14px;background:#fff;padding:16px 18px;margin:0;display:grid;gap:12px}
.bbe legend{font:800 16px var(--ui);color:#0b1220;padding:0 6px;display:flex;gap:8px;align-items:center}
.bbe label{display:grid;gap:5px;font:600 15px var(--ui);color:#0b1220}
.bbe label small,.bbe .hint{font:400 13.5px/1.45 var(--ui);color:#64748b}
.bbe input[type=text],.bbe input[type=email],.bbe select{font:16px var(--ui);padding:10px 12px;border:1.5px solid #c9d5ea;border-radius:10px;background:#fff;color:#0b1220;width:100%}
.bbe input:focus,.bbe select:focus{outline:2px solid #2456e6;outline-offset:1px}
.bbe .opt{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:start;padding:12px 14px;border:1.5px solid #dbe3f0;border-radius:12px;cursor:pointer;font-weight:600}
.bbe .opt:has(input:checked){border-color:#2456e6;background:#f3f7ff}
.bbe .opt input{margin-top:4px;accent-color:#2456e6}
.bbe .opt small{grid-column:2}
.bbe .opt.off{opacity:.55;cursor:default}
.bbe .sub{display:grid;gap:10px;padding-left:2px}
.bbe .inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font:500 15px var(--ui)}
.bbe .inline input[type=text]{width:9em}
.bbe .steps{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.bbe .steps li{display:flex;gap:12px;align-items:center;font:600 16px var(--ui);color:#94a3b8}
.bbe .steps li .dot{width:28px;height:28px;border-radius:50%;border:2px solid #cbd5e1;display:grid;place-items:center;flex:none}
.bbe .steps li.on{color:#0b1220}.bbe .steps li.on .dot{border-color:#2456e6;border-top-color:transparent;animation:bbe-spin 1s linear infinite}
.bbe .steps li.done{color:#0b1220}.bbe .steps li.done .dot{background:#16a34a;border-color:#16a34a;color:#fff}
.bbe .steps li.bad .dot{background:#dc2626;border-color:#dc2626;color:#fff}
@keyframes bbe-spin{to{transform:rotate(360deg)}}
.bbe .err{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:12px 14px;color:#7f1d1d;font:500 15px/1.5 var(--ui);display:grid;gap:8px}
.bbe .err details{font-size:13px;color:#991b1b}
.bbe .ready{display:grid;gap:14px;background:#fff;border:1px solid #bbf7d0;border-radius:16px;padding:18px}
.bbe .ready .big{display:flex;gap:12px;align-items:center;font:800 20px var(--ui);color:#14532d}
.bbe .ready .big span{width:40px;height:40px;border-radius:50%;background:#16a34a;color:#fff;display:grid;place-items:center}
.bbe .addr{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#f8fafc;border:1px dashed #94a3b8;border-radius:12px;padding:10px 14px;font:700 17px var(--ui);color:#0b1220;word-break:break-all;font-variant-ligatures:none}
.bbe .note{background:#fffaf0;border:1px solid #f2d79a;border-radius:12px;padding:12px 14px;font:500 15px/1.5 var(--ui);color:#713f12}
@media (max-width:600px){.bbe{padding:16px}.bbe h2{font-size:19px}}