.sla-email-overview{margin-bottom:18px;padding:16px 20px}
.sla-email-overview__head{gap:18px;margin-bottom:10px}
.sla-email-overview__head p{color:var(--muted);font-size:12px;line-height:1.45;margin:5px 0 0}
.sla-email-overview__actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.sla-email-overview__body{align-items:center;display:grid;gap:16px;grid-template-columns:minmax(220px,1fr) auto}
.sla-email-overview__body>p{color:var(--muted);line-height:1.5;margin:0}
.sla-email-state{background:#eceff3;border-radius:20px;color:#59616d;display:inline-flex;font-size:11px;font-weight:750;padding:5px 9px;text-transform:uppercase}
.sla-email-state.is-active{background:#dcf8e9;color:#087944}
.sla-email-state.is-inactive{background:#fff4e8;color:#9a501e}
.sla-email-state.is-error{background:#f8e9e5;color:#9a402a}
.sla-email-state.is-loading{background:#eef4ff;color:#355170}
.sla-email-outbox{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(72px,1fr));margin:0}
.sla-email-outbox div{background:#f7f6f2;border:1px solid var(--line);border-radius:6px;min-width:76px;padding:8px 10px}
.sla-email-outbox dt{color:var(--muted);font-size:10px;white-space:nowrap}
.sla-email-outbox dd{font-size:18px;font-weight:750;margin:3px 0 0}

.sla-email-dialog{background:#fff;border:0;border-radius:12px;box-shadow:0 24px 80px #1d120d4d;color:var(--text);margin:auto;max-height:min(92vh,900px);padding:0;width:min(820px,calc(100vw - 32px))}
.sla-email-dialog::backdrop{background:rgba(24,16,10,.62);backdrop-filter:blur(2px)}
.sla-email-dialog>form{display:flex;flex-direction:column;max-height:min(92vh,900px)}
.sla-email-dialog__header{align-items:flex-start;border-bottom:1px solid var(--line);display:flex;flex:0 0 auto;justify-content:space-between;padding:20px 24px 16px}
.sla-email-dialog__header h2{color:var(--text);font-size:22px;margin:3px 0 0}
.sla-email-dialog__eyebrow{color:var(--green);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.sla-email-dialog__close{align-items:center;background:#f2f0ed;border:0;border-radius:50%;color:var(--text);display:flex;font-size:25px;height:38px;justify-content:center;line-height:1;padding:0;width:38px}
.sla-email-dialog__close:hover{background:#e8e4df}
.sla-email-dialog__close:focus-visible,.sla-email-dialog button:focus-visible,.sla-email-dialog input:focus-visible,.sla-email-dialog select:focus-visible,.sla-email-dialog textarea:focus-visible{outline:3px solid #dce8d5;outline-offset:2px}
.sla-email-dialog__content{flex:1 1 auto;overflow:auto;padding:18px 24px 24px}
.sla-email-dialog__description{color:var(--muted);line-height:1.5;margin:0 0 14px}
.sla-email-alert{background:#fceee9;border-left:4px solid var(--red);border-radius:5px;color:#7e2e1c;line-height:1.45;margin-bottom:14px;padding:11px 13px}
.sla-email-alert ul{margin:7px 0 0;padding-left:18px}
.sla-email-secret-state{background:#f0f5ec;border-radius:6px;color:#4b5f43;font-size:12px;margin-bottom:15px;padding:10px 12px}
.sla-email-secret-state.is-error{background:#fff4e8;color:#8a481c}
.sla-email-fieldset{border:1px solid var(--line);border-radius:8px;margin:18px 0 0;padding:7px 16px 16px}
.sla-email-fieldset legend{color:var(--blue-dark);font-size:12px;font-weight:800;letter-spacing:.04em;padding:0 7px;text-transform:uppercase}
.sla-email-form-grid{display:grid;gap:0 16px;grid-template-columns:1fr 1fr}
.sla-email-dialog .field{margin:11px 0 6px}
.sla-email-dialog .field label span{color:var(--muted);font-weight:400}
.sla-email-dialog .field textarea{background:#fff;border:1px solid #cad6ea;border-radius:6px;color:var(--text);font:inherit;line-height:1.45;min-height:92px;padding:10px 12px;resize:vertical;width:100%}
.sla-email-dialog .field small,.sla-email-help{color:var(--muted);display:block;font-size:11px;line-height:1.4;margin-top:2px}
.sla-email-help code{background:#f2f0ed;border-radius:3px;color:var(--text);padding:1px 4px}
.sla-email-dialog [aria-invalid="true"]{border-color:var(--red)!important;box-shadow:0 0 0 2px #f9ded6}
.sla-email-check{align-items:flex-start;cursor:pointer;display:flex;gap:10px;padding:10px 0}
.sla-email-check--primary{background:#f0f5ec;border:1px solid #d8e7d1;border-radius:8px;padding:13px 15px}
.sla-email-check input{accent-color:var(--green);flex:0 0 auto;height:18px;margin:1px 0 0;width:18px}
.sla-email-check span{display:grid;gap:3px}
.sla-email-check b{font-size:13px}
.sla-email-check small{color:var(--muted);font-size:11px;line-height:1.4}
.sla-email-check-grid{display:grid;gap:8px;grid-template-columns:1fr 1fr}
.sla-email-check-grid .sla-email-check{background:#f7f6f2;border-radius:6px;padding:11px}
.sla-email-preview{background:#eef4ea;border-left:3px solid var(--green);border-radius:4px;margin-top:9px;padding:10px 12px}
.sla-email-preview span{color:var(--muted);display:block;font-size:10px;text-transform:uppercase}
.sla-email-preview strong{display:block;margin-top:4px;overflow-wrap:anywhere}
.sla-email-test-state{background:#f7f6f2;border-radius:7px;margin-top:18px;padding:12px 14px}
.sla-email-test-state h3{font-size:12px;margin:0 0 5px;text-transform:uppercase}
.sla-email-test-state p{color:var(--muted);font-size:12px;margin:0}
.sla-email-dialog__footer{align-items:center;background:#fff;border-top:1px solid var(--line);display:flex;flex:0 0 auto;gap:10px;justify-content:space-between;padding:14px 24px}
.sla-email-dialog__footer>div{display:flex;gap:10px}
.sla-email-dialog button:disabled{cursor:not-allowed;opacity:.55}

@media(max-width:800px){
  .sla-email-overview__body{grid-template-columns:1fr}.sla-email-outbox{width:100%}
}
@media(max-width:700px){
  .sla-email-overview__head{align-items:flex-start;flex-direction:column}.sla-email-overview__actions{justify-content:flex-start;width:100%}
  .sla-email-overview__actions .secondary{flex:1}.sla-email-outbox{grid-template-columns:1fr 1fr}
  .sla-email-dialog{border-radius:0;height:100dvh;max-height:none;width:100vw}
  .sla-email-dialog>form{height:100dvh;max-height:none}.sla-email-dialog__header{padding:16px}.sla-email-dialog__content{padding:16px}
  .sla-email-form-grid,.sla-email-check-grid{grid-template-columns:1fr}.sla-email-form-grid .span2{grid-column:auto}
  .sla-email-dialog__footer{align-items:stretch;flex-direction:column-reverse;padding:12px 16px}.sla-email-dialog__footer>div{display:grid;grid-template-columns:1fr 1fr}.sla-email-dialog__footer>button{width:100%}
}
@media(max-width:430px){.sla-email-dialog__footer>div{grid-template-columns:1fr}.sla-email-outbox{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.sla-email-dialog::backdrop{backdrop-filter:none}}