/* Transitions.dev toggle and accordion recipes; product overrides follow. */
:root{--toggle-dur:350ms;--toggle-travel:14.66px;--toggle-ov1:1px;--toggle-ov2:0px;--toggle-track:0ms;--toggle-ease:cubic-bezier(0.34,1.35,0.64,1);--acc-expand:250ms;--acc-collapse:250ms;--acc-chevron:250ms;--acc-ease:cubic-bezier(0.22,1,0.36,1)}
.t-toggle { transition: background var(--toggle-track) var(--toggle-ease); }
.t-toggle-thumb { translate: 0 0; will-change: translate; }
.t-toggle[data-on="true"] .t-toggle-thumb { translate: var(--toggle-travel) 0; }
.t-toggle.is-init[data-on="true"] .t-toggle-thumb { animation: t-toggle-on var(--toggle-dur) var(--toggle-ease) both; }
.t-toggle.is-init[data-on="false"] .t-toggle-thumb { animation: t-toggle-off var(--toggle-dur) var(--toggle-ease) both; }
@keyframes t-toggle-on {
  0% { translate: 0 0; }
  55% { translate: calc(var(--toggle-travel) + var(--toggle-ov1)) 0; }
  80% { translate: calc(var(--toggle-travel) - var(--toggle-ov2)) 0; }
  100% { translate: var(--toggle-travel) 0; }
}
@keyframes t-toggle-off {
  0% { translate: var(--toggle-travel) 0; }
  55% { translate: calc(0px - var(--toggle-ov1)) 0; }
  80% { translate: var(--toggle-ov2) 0; }
  100% { translate: 0 0; }
}
@media (prefers-reduced-motion: reduce) {
  .t-toggle-thumb { animation: none !important; }
}
.t-acc-panel {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--acc-collapse) var(--acc-ease);
}
.t-acc[data-open="true"] .t-acc-panel {
  grid-template-rows: 1fr;
  transition: grid-template-rows var(--acc-expand) var(--acc-ease);
}
.t-acc-panel-inner {
  overflow: hidden;
  opacity: 0;
  filter: blur(2px);
  transition:
    opacity var(--acc-collapse) var(--acc-ease),
    filter var(--acc-collapse) var(--acc-ease);
}
.t-acc[data-open="true"] .t-acc-panel-inner {
  opacity: 1;
  filter: blur(0);
  transition:
    opacity var(--acc-expand) var(--acc-ease),
    filter var(--acc-expand) var(--acc-ease);
}
.t-acc-chevron {
  display: inline-flex;
  transform: scaleY(1);
  transform-origin: center;
  transition: transform var(--acc-chevron) var(--acc-ease);
}
.t-acc-chevron path { vector-effect: non-scaling-stroke; }
.t-acc[data-open="true"] .t-acc-chevron {
  transform: scaleY(-1);
}
@media (prefers-reduced-motion: reduce) {
  .t-acc-panel, .t-acc-panel-inner, .t-acc-chevron {
    transition: none !important;
  }
}
/* UI v2: compact off state; SMTP first; saved summaries and explicit editing. */
.san-card{scroll-margin-top:12px;position:relative;--toggle-dur:180ms;--toggle-track:180ms;--toggle-travel:18px;--toggle-ov1:0px;--toggle-ov2:0px;--toggle-ease:var(--acc-ease);--acc-collapse:150ms}
.san-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.san-title-help{display:flex;align-items:center;gap:10px;min-width:0}.san-heading h2{margin:0}.san-enable{display:flex;align-items:center;gap:14px;white-space:nowrap}.san-card .t-toggle[data-on=true]{background:#198ef2}.san-card .t-toggle-thumb{transform:none!important}
.san-card p.san-intro{margin-top:12px;color:#52616e;line-height:1.65}.san-card p.san-off-warning{font-size:13px;color:#926527;margin-top:10px}.san-off-warning[hidden],.san-help[hidden]{display:none!important}
.san-info{display:inline-flex;align-items:center;justify-content:center;background:none;border:0;padding:2px;cursor:pointer;flex-shrink:0}.san-info img{display:block;width:18px;height:18px;object-fit:contain}.san-help{position:fixed;z-index:75;width:360px;max-width:calc(100vw - 32px);max-height:calc(100vh - 150px);overflow:auto;background:#fff;border:1px solid #cfd8e2;border-radius:5px;box-shadow:0 6px 20px rgba(25,45,65,.15);padding:17px 18px;color:#34414d;font-size:14px;line-height:1.65}.san-help-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.san-help-head button{border:0;background:none;font-size:23px;line-height:1;color:#697681;cursor:pointer}.san-help dl{margin:12px 0 0}.san-help dl>div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;padding:7px 0}.san-help dt{color:#697681}.san-help dd{margin:0}.san-card .san-help p{font-size:13px;border-top:1px solid #e3e8ed;padding-top:12px;margin-top:12px;color:#52616e}
.san-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--acc-collapse) var(--acc-ease)}.san-body[data-open=true]{grid-template-rows:1fr;transition-duration:var(--acc-expand)}.san-body-inner{overflow:hidden;min-height:0;opacity:0;transition:opacity var(--acc-collapse) var(--acc-ease)}.san-body[data-open=true]>.san-body-inner{opacity:1;transition-duration:var(--acc-expand)}.san-content{padding-top:24px}
.san-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px}.san-group{min-width:0}.san-group-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.san-group h3,.san-test h3{font-size:15px;font-weight:600;color:#34414d;margin:0}.san-group+.san-group{border-left:1px solid #e3e8ed;padding-left:34px}
.san-field{display:grid;grid-template-columns:118px minmax(0,1fr);gap:12px;align-items:start;margin:0 0 14px}.san-field>label,.san-field-label{font-weight:600;color:#34414d;padding-top:9px}.san-field>div{min-width:0}.san-card input:not([type=checkbox]),.san-card select{width:100%;min-width:0;height:36px;border:1px solid #c9d2dc;border-radius:4px;padding:0 10px;background:#fff;color:#34414d;font:inherit}.san-card input::placeholder{color:#929ca5;font-size:14px}.san-card input:focus,.san-card select:focus{outline:2px solid #168cf2;outline-offset:1px}.san-card input[aria-invalid=true]{border-color:#cf3d37}.san-card button:focus-visible{outline:2px solid #168cf2;outline-offset:3px}
.san-card .san-hint{display:block;font-size:13px;color:#697681;line-height:1.6;margin:6px 0 0}.san-error{display:block;color:#cb3f39;font-size:13px;line-height:1.5;min-height:0}.san-error:not(:empty){margin-top:5px}
.san-recipient-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.san-remove{border:0;background:none;color:#66737e;padding:5px 0 5px 5px;font:inherit;cursor:pointer;white-space:nowrap}.san-remove:hover{color:#cf3d37}.san-recipient-footer{display:flex;flex-wrap:wrap;gap:7px 16px;align-items:center}.san-link{border:0;background:none;color:#0080ff;cursor:pointer;padding:0;font:inherit;white-space:nowrap}.san-recipient-footer small{font-size:13px;color:#697681;line-height:1.6}
.san-summary{margin:0}.san-summary>div{display:grid;grid-template-columns:118px minmax(0,1fr);gap:12px;padding:7px 0;line-height:1.6}.san-summary dt{color:#697681}.san-summary dd{margin:0;overflow-wrap:anywhere}.san-card p.san-saved-status{font-size:13px;color:#697681;margin-top:18px}.san-addresses{list-style:none;padding:0;margin:0}.san-addresses li{padding:7px 0;line-height:1.6;overflow-wrap:anywhere}
.san-auth-label{display:flex;align-items:center;gap:9px;min-height:36px;font-weight:400;color:#34414d}.san-auth-row{margin-top:0}.san-auth-label input{accent-color:#168cf2;width:16px;height:16px}.san-auth{min-width:0}.san-auth .t-acc-panel-inner{filter:none!important}.san-auth .san-field:last-child{margin-bottom:0}
.san-test{margin-top:24px;border-top:1px solid #e3e8ed;padding-top:20px}.san-test-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.san-test-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.san-test-actions span{font-size:13px;color:#697681}.san-test-actions .outline{margin:0;min-width:130px;min-height:36px;cursor:pointer}.san-card button:disabled{cursor:not-allowed;color:#8a969f;background:#f4f6f8;border-color:#d7dfe5}.san-result{margin-top:14px;padding:12px 14px;border-left:3px solid #8aa0b1;background:#f5f8fb;line-height:1.6}.san-result strong{font-weight:600}.san-card .san-result p{margin:4px 0;color:inherit}.san-result small{color:#697681}.san-success{border-left-color:#239958;background:#f0f8f3;color:#277144}.san-failure{border-left-color:#d39532;background:#fff9ee;color:#8d642c}.san-card .san-pending{color:#357397}@media(prefers-reduced-motion:reduce){.san-body,.san-body-inner{transition:none!important}}
@media(max-width:1200px){.san-columns{grid-template-columns:1fr;gap:26px}.san-group+.san-group{border-left:0;border-top:1px solid #e3e8ed;padding:22px 0 0}.san-test-heading{align-items:flex-start}}
@media(max-width:700px){.san-heading{align-items:flex-start;gap:12px}.san-heading h2{line-height:1.6}.san-title-help{gap:7px}.san-enable{gap:8px}.san-test-heading,.san-test-actions{display:flex;flex-wrap:wrap}.san-test-actions{width:100%;justify-content:space-between}.san-card{padding:20px 16px}}

@media(max-width:480px){.san-field,.san-summary>div{display:block}.san-field>label,.san-field-label{display:block;padding:0;margin-bottom:8px}.san-summary dt{margin-bottom:4px}}

.san-mail-review{padding:26px 32px 36px;overflow:auto;background:#f0f2f5}.san-envelope,.san-brand-preview{max-width:680px;margin:0 auto}.san-envelope{margin-bottom:22px}.san-envelope h2{font-size:17px;font-weight:600;line-height:1.6;margin:0 0 12px;overflow-wrap:anywhere;color:#34414d}.san-envelope dl{margin:0;font-size:13px;line-height:1.8}.san-envelope dl>div{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px}.san-envelope dt{color:#697681}.san-envelope dd{margin:0;overflow-wrap:anywhere}.san-link-demo-note{font-size:12px;color:#697681;margin:10px 0 0}#san-save-feedback:empty{display:none}#san-save-feedback .san-result{margin-bottom:14px}
@media(max-width:700px){.san-mail-review{padding:18px 12px 28px}.san-envelope dl>div{grid-template-columns:56px minmax(0,1fr);gap:8px}}

.san-review-page{width:100%;height:100vh;overflow:auto;background:#f0f2f5;color:#34414d}.san-review-toolbar{background:#fff;border-bottom:1px solid #dce3e9}.san-review-toolbar-inner{max-width:744px;margin:0 auto;padding:20px 32px 14px;display:flex;align-items:center;justify-content:space-between;gap:24px}.san-review-toolbar h1{margin:0;font-size:22px;font-weight:600;line-height:1.4}.san-review-toolbar p{margin:5px 0 0;color:#697681;font-size:13px;line-height:1.6}.san-review-toolbar a{color:#087cc1;text-decoration:none;white-space:nowrap}.san-review-toolbar a:hover{text-decoration:underline}.san-review-tabs{display:flex;max-width:680px;margin:0 auto;gap:24px}.san-review-tabs a{padding:12px 0;border-bottom:3px solid transparent;color:#63727d;text-decoration:none}.san-review-tabs a[aria-current=page]{color:#087cc1;border-color:#168cf2;font-weight:600}.san-review-tabs a:focus-visible,.san-review-toolbar-inner>a:focus-visible{outline:2px solid #168cf2;outline-offset:3px}.san-review-page .san-mail-review{overflow:visible}
@media(max-width:700px){.san-review-toolbar-inner{padding:18px 16px 10px;align-items:flex-start;gap:16px}.san-review-toolbar h1{font-size:20px}.san-review-toolbar p{max-width:230px}.san-review-tabs{padding:0 16px;gap:24px}.san-review-toolbar-inner>a{font-size:13px;padding-top:4px}}