.po-email{padding-bottom:70px}.po-email *{box-sizing:border-box}.po-email .po-page-header{margin-bottom:22px}.po-email .po-page-header h1{margin:5px 0 8px}.po-email .po-page-header p{margin:0;color:#64758f}.po-email-flash{margin-bottom:18px;padding:14px 17px;border:1px solid #b9dcff;border-radius:13px;background:#edf7ff;color:#164a7c}.po-email-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.po-email-kpis article{display:flex;min-height:118px;flex-direction:column;justify-content:center;gap:9px;padding:20px 22px;border:1px solid #dce5f0;border-radius:18px;background:#fff;box-shadow:0 9px 28px rgba(18,43,77,.06)}.po-email-kpis span{color:#65758f;font-size:13px}.po-email-kpis strong{color:#0b1734;font-size:30px;line-height:1}.po-email-kpis small{color:#8290a4}.po-email-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.po-email-tabs a{display:inline-flex;min-height:48px;align-items:center;padding:0 20px;border-radius:13px;background:#eaf0f7;color:#17365e!important;font-weight:750;text-decoration:none!important}.po-email-tabs a.is-active{background:#123466;color:#fff!important}.po-email-card{padding:28px;border:1px solid #dce5f0;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(16,38,72,.06)}.po-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.po-card-head h2{margin:0 0 7px;font-size:24px}.po-card-head p{margin:0;color:#667892}.po-email-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);gap:22px}.po-email-form{display:grid!important;gap:17px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.po-email-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.po-email-wide{grid-column:1/-1}.po-email-form label{display:grid;gap:7px;margin:0!important;padding:0!important;border:0!important;background:transparent!important}.po-email-form label>span{font-size:13px;font-weight:750;color:#18345c}.po-email-form input,.po-email-form select,.po-email-form textarea{width:100%!important;min-height:50px!important;margin:0!important;padding:13px 14px!important;border:1px solid #cedbea!important;border-radius:11px!important;background:#fff!important;color:#0b1734!important;font:inherit!important;box-shadow:none!important}.po-email-form textarea{min-height:150px!important;resize:vertical}.po-email-checks{display:flex;flex-wrap:wrap;gap:12px 22px;padding:15px;border-radius:13px;background:#f5f8fc}.po-email-checks label,.po-email-check{display:flex!important;align-items:center;gap:9px!important}.po-email-checks input,.po-email-check input{width:19px!important;height:19px!important;min-height:0!important;padding:0!important}.po-status{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.po-status.is-live{background:#e7f8ef;color:#087446}.po-status.is-off{background:#edf2f8;color:#64758f}.po-status.is-failed{background:#fff0ef;color:#b42620}.po-template-list{display:grid;gap:12px}.po-template-list article{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px;border:1px solid #e0e8f1;border-radius:15px;background:#fbfcfe}.po-template-list h3,.po-template-list p{margin:0}.po-template-list p{margin-top:5px;color:#667892}.po-template-key{display:inline-flex;margin-bottom:8px;padding:4px 7px;border-radius:7px;background:#eaf3ff;color:#0967ce;font-size:10px;font-weight:800}.po-test-card{max-width:720px}.po-email-table{overflow:auto}.po-email table{width:100%;border-collapse:collapse}.po-email th,.po-email td{padding:14px 12px;border-bottom:1px solid #e7edf4;text-align:left;vertical-align:top}.po-email th{color:#687892;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.po-empty-cell{text-align:center!important;color:#7b899e;padding:35px!important}@media(max-width:1050px){.po-email-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.po-email-layout{grid-template-columns:1fr}}@media(max-width:700px){.po-email-kpis,.po-email-grid{grid-template-columns:1fr}.po-email-card{padding:20px}.po-email-tabs{display:grid;grid-template-columns:1fr 1fr}.po-email-tabs a{justify-content:center;padding:0 8px}.po-email-checks{display:grid}.po-template-list article{align-items:flex-start}.po-card-head{display:block}.po-card-head .po-status{margin-top:12px}}


/* v0.59.6.8 — Email Delivery page layout and form consistency. */
.po-email.po-crm-page {
  width: 100%;
  max-width: none;
}

.po-email .po-email-kpis {
  align-items: stretch;
  gap: 18px;
}

.po-email .po-email-kpis > article {
  min-height: 132px !important;
  height: auto !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  padding: 24px 26px !important;
  overflow: hidden;
}

.po-email .po-email-kpis > article > span {
  display: block !important;
  margin: 0 !important;
  color: #60718b !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

.po-email .po-email-kpis > article > strong {
  display: block !important;
  margin: 4px 0 0 !important;
  color: #0b234b !important;
  font-size: 34px !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
}

.po-email .po-email-kpis > article > small {
  display: block !important;
  margin: auto 0 0 !important;
  color: #7d8ca3 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}

.po-email .po-email-tabs {
  margin: 28px 0 !important;
}

.po-email .po-email-tabs a {
  min-height: 52px !important;
  padding: 0 25px !important;
  border-radius: 14px !important;
}

.po-email .po-email-settings-card {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 32px !important;
}

.po-email .po-email-settings-card .po-card-head {
  margin-bottom: 26px !important;
  padding-bottom: 22px;
  border-bottom: 1px solid #e2e9f2;
}

.po-email .po-email-settings-card .po-card-head h2 {
  font-size: 25px !important;
  line-height: 1.2 !important;
}

.po-email .po-email-settings-card .po-card-head p {
  max-width: 720px;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

.po-email .po-email-settings-card .po-email-form {
  gap: 22px !important;
}

.po-email .po-email-settings-card .po-email-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 20px 22px !important;
}

.po-email .po-email-settings-card .po-email-form label,
.po-email .po-email-settings-card .po-email-form label:hover,
.po-email .po-email-settings-card .po-email-form label:focus-within {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.po-email .po-email-settings-card .po-email-form label > span {
  display: block !important;
  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #17345e !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  line-height: 1.35 !important;
  transform: none !important;
}

.po-email .po-email-settings-card input:not([type="checkbox"]),
.po-email .po-email-settings-card select,
.po-email .po-email-settings-card textarea {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 52px !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: 1px solid #cedbea !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #102448 !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  appearance: auto;
}

.po-email .po-email-settings-card textarea {
  height: 120px !important;
  min-height: 120px !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  line-height: 1.45 !important;
}

.po-email .po-email-settings-card input:not([type="checkbox"]):focus,
.po-email .po-email-settings-card select:focus,
.po-email .po-email-settings-card textarea:focus {
  border-color: #5da8ff !important;
  outline: 3px solid rgba(38, 126, 232, .13) !important;
  outline-offset: 0 !important;
}

.po-email .po-email-settings-card .po-email-checks {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 14px 26px !important;
  margin: 2px 0 0 !important;
  padding: 17px 19px !important;
  border: 1px solid #e4ebf3 !important;
  border-radius: 14px !important;
  background: #f6f9fc !important;
}

.po-email .po-email-settings-card .po-email-checks label {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  width: auto !important;
}

.po-email .po-email-settings-card .po-email-checks input[type="checkbox"] {
  flex: 0 0 auto !important;
  width: 20px !important;
  height: 20px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.po-email .po-email-settings-card .po-email-checks label > span {
  font-size: 14px !important;
  white-space: nowrap;
}

.po-email .po-email-settings-card .po-button {
  justify-self: start;
  min-height: 52px !important;
  padding: 0 24px !important;
  border-radius: 13px !important;
}

@media (max-width: 900px) {
  .po-email .po-email-settings-card {
    padding: 25px !important;
  }
  .po-email .po-email-settings-card .po-email-grid {
    grid-template-columns: 1fr !important;
  }
  .po-email .po-email-settings-card .po-email-wide {
    grid-column: auto !important;
  }
}

@media (max-width: 620px) {
  .po-email .po-email-kpis {
    grid-template-columns: 1fr !important;
  }
  .po-email .po-email-kpis > article {
    min-height: 118px !important;
    padding: 20px !important;
  }
  .po-email .po-email-tabs {
    grid-template-columns: 1fr !important;
  }
  .po-email .po-email-settings-card {
    padding: 20px !important;
  }
  .po-email .po-email-settings-card .po-email-checks {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
  .po-email .po-email-settings-card .po-email-checks label > span {
    white-space: normal;
  }
  .po-email .po-email-settings-card .po-button {
    width: 100%;
    justify-content: center;
  }
}

/* v0.59.6.9 — definitive SMTP field/label separation fix. */
.po-email .po-email-settings-card .po-email-grid {
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  row-gap: 24px !important;
}

.po-email .po-email-settings-card .po-email-grid > label {
  position: relative !important;
  inset: auto !important;
  float: none !important;
  clear: none !important;
  overflow: visible !important;
  min-height: 0 !important;
}

.po-email .po-email-settings-card .po-email-grid > label::before,
.po-email .po-email-settings-card .po-email-grid > label::after,
.po-email .po-email-settings-card .po-email-grid > label > span::before,
.po-email .po-email-settings-card .po-email-grid > label > span::after {
  content: none !important;
  display: none !important;
}

.po-email .po-email-settings-card .po-email-grid > label > span {
  position: relative !important;
  z-index: 2 !important;
  width: auto !important;
  min-height: 20px !important;
  margin: 0 0 10px 2px !important;
  line-height: 20px !important;
}

.po-email .po-email-settings-card .po-email-grid > label > input:not([type="checkbox"]),
.po-email .po-email-settings-card .po-email-grid > label > select,
.po-email .po-email-settings-card .po-email-grid > label > textarea {
  position: static !important;
  inset: auto !important;
  float: none !important;
  transform: none !important;
  margin: 0 !important;
  z-index: 1 !important;
}

.po-email .po-email-settings-card .po-email-grid > label:focus-within > span {
  color: #0f5fbf !important;
}

@media (max-width: 900px) {
  .po-email .po-email-settings-card .po-email-grid {
    row-gap: 20px !important;
  }
}


/* v0.59.6.10 — compact, stable Email Delivery interface. */
.po-email .po-email-settings-card {
  max-width: none !important;
  padding: 26px 30px 30px !important;
}
.po-email .po-email-settings-card .po-card-head {
  margin-bottom: 20px !important;
  padding-bottom: 18px !important;
}
.po-email .po-email-settings-card .po-email-form {
  gap: 18px !important;
}
.po-email .po-email-settings-card .po-email-grid {
  gap: 16px 26px !important;
  row-gap: 16px !important;
}
.po-email .po-email-settings-card .po-email-grid > label {
  display: grid !important;
  grid-template-rows: auto 48px !important;
  gap: 7px !important;
}
.po-email .po-email-settings-card .po-email-grid > label > span {
  min-height: 0 !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}
.po-email .po-email-settings-card .po-email-grid > label > input:not([type="checkbox"]),
.po-email .po-email-settings-card .po-email-grid > label > select {
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 16px !important;
}
.po-email .po-email-settings-card .po-email-checks {
  gap: 12px 24px !important;
  padding: 14px 18px !important;
}
.po-email .po-email-settings-card .po-button {
  margin-top: 0 !important;
}

/* Keep the long sidebar item stable when hovered or active. */
body.polarone-ui-page .po-app-nav a[href*="email-delivery"] {
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  font-weight: 700 !important;
  transform: none !important;
  letter-spacing: 0 !important;
}
body.polarone-ui-page .po-app-nav a[href*="email-delivery"]:hover,
body.polarone-ui-page .po-app-nav a[href*="email-delivery"].is-active {
  transform: none !important;
  font-weight: 700 !important;
}

/* Templates: balanced columns, padded cards and compact rows. */
.po-email .po-email-layout {
  grid-template-columns: minmax(0, 1.35fr) minmax(390px, .65fr) !important;
  align-items: start !important;
  gap: 24px !important;
}
.po-email .po-template-library-card,
.po-email .po-template-editor-card,
.po-email .po-test-card {
  padding: 28px 30px !important;
}
.po-email .po-template-library-card .po-card-head,
.po-email .po-template-editor-card .po-card-head,
.po-email .po-test-card .po-card-head {
  margin-bottom: 20px !important;
  padding-bottom: 18px !important;
  border-bottom: 1px solid #e3eaf2 !important;
}
.po-email .po-template-library-card .po-card-head h2,
.po-email .po-template-editor-card .po-card-head h2,
.po-email .po-test-card .po-card-head h2 {
  font-size: 25px !important;
  line-height: 1.2 !important;
}
.po-email .po-template-list {
  gap: 10px !important;
}
.po-email .po-template-list article {
  min-height: 0 !important;
  padding: 15px 17px !important;
  border-radius: 13px !important;
}
.po-email .po-template-list h3 {
  font-size: 20px !important;
  line-height: 1.2 !important;
}
.po-email .po-template-list p {
  font-size: 14px !important;
  line-height: 1.4 !important;
}
.po-email .po-template-key {
  margin-bottom: 6px !important;
}
.po-email .po-template-editor-card .po-email-form,
.po-email .po-test-card .po-email-form {
  gap: 16px !important;
}
.po-email .po-template-editor-card .po-email-form > label,
.po-email .po-test-card .po-email-form > label {
  display: grid !important;
  gap: 7px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.po-email .po-template-editor-card .po-email-form > label > span,
.po-email .po-test-card .po-email-form > label > span {
  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #17345e !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  line-height: 1.3 !important;
  transform: none !important;
}
.po-email .po-template-editor-card input:not([type="checkbox"]),
.po-email .po-template-editor-card textarea,
.po-email .po-test-card input:not([type="checkbox"]) {
  width: 100% !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 12px 15px !important;
  border: 1px solid #cedbea !important;
  border-radius: 11px !important;
  background: #fff !important;
  box-shadow: none !important;
}
.po-email .po-template-editor-card textarea {
  min-height: 180px !important;
  resize: vertical !important;
}
.po-email .po-template-editor-card .po-email-check {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  width: fit-content !important;
  padding: 12px 14px !important;
  border: 1px solid #e1e9f2 !important;
  border-radius: 11px !important;
  background: #f6f9fc !important;
}
.po-email .po-template-editor-card .po-email-check input {
  flex: 0 0 auto !important;
  width: 19px !important;
  height: 19px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.po-email .po-template-editor-card .po-button,
.po-email .po-test-card .po-button {
  min-height: 50px !important;
  margin-top: 2px !important;
  padding: 0 24px !important;
}

/* Test email panel: compact rather than a stretched form. */
.po-email .po-test-card {
  width: min(100%, 760px) !important;
  max-width: 760px !important;
}
.po-email .po-test-card .po-email-form {
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
}
.po-email .po-test-card .po-email-form > input[type="hidden"] {
  display: none !important;
}
.po-email .po-test-card .po-email-form > label {
  min-width: 0 !important;
}
.po-email .po-test-card .po-button {
  white-space: nowrap !important;
}

@media (max-width: 1100px) {
  .po-email .po-email-layout {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 760px) {
  .po-email .po-email-settings-card,
  .po-email .po-template-library-card,
  .po-email .po-template-editor-card,
  .po-email .po-test-card {
    padding: 22px !important;
  }
  .po-email .po-email-settings-card .po-email-grid {
    grid-template-columns: 1fr !important;
  }
  .po-email .po-test-card .po-email-form {
    grid-template-columns: 1fr !important;
  }
  .po-email .po-test-card .po-button,
  .po-email .po-template-editor-card .po-button {
    width: 100% !important;
    justify-content: center !important;
  }
}

/* v0.59.6.11 — rebuilt Email Delivery forms and cards. */
.po-email .po-email-card,
.po-email .po-email-card form {
  overflow: visible !important;
}

.po-email .po-email-settings-card {
  padding: 30px 34px 34px !important;
}

.po-email .po-email-settings-form,
.po-email .po-template-form,
.po-email .po-test-form {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.po-email .po-email-grid {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 18px 26px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.po-email .po-email-field {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.po-email .po-email-field.po-email-wide {
  grid-column: 1 / -1 !important;
}

.po-email .po-email-field > label {
  display: block !important;
  position: static !important;
  width: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #17345e !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  line-height: 1.35 !important;
  transform: none !important;
}

.po-email .po-email-field > label::before,
.po-email .po-email-field > label::after {
  content: none !important;
  display: none !important;
}

.po-email .po-email-field > input:not([type="checkbox"]),
.po-email .po-email-field > select,
.po-email .po-email-field > textarea {
  display: block !important;
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 52px !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: 1px solid #ccd9e8 !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #102448 !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  transform: none !important;
}

.po-email .po-email-field > textarea {
  height: 170px !important;
  min-height: 170px !important;
  padding: 14px 16px !important;
  line-height: 1.5 !important;
  resize: vertical !important;
}

.po-email .po-email-field > input:focus,
.po-email .po-email-field > select:focus,
.po-email .po-email-field > textarea:focus {
  border-color: #4d9cf2 !important;
  outline: 3px solid rgba(32,126,230,.13) !important;
  outline-offset: 0 !important;
}

.po-email .po-email-checks {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 12px 28px !important;
  margin: 20px 0 0 !important;
  padding: 16px 20px !important;
  border: 1px solid #e0e8f1 !important;
  border-radius: 14px !important;
  background: #f5f8fc !important;
}

.po-email .po-email-checkbox,
.po-email .po-email-checkbox:hover,
.po-email .po-email-checkbox:focus-within {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  width: auto !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}

.po-email .po-email-checkbox input[type="checkbox"] {
  flex: 0 0 20px !important;
  width: 20px !important;
  height: 20px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.po-email .po-email-checkbox span {
  display: inline !important;
  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #17345e !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

.po-email .po-email-actions {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-top: 22px !important;
}

.po-email .po-email-actions .po-button {
  min-height: 50px !important;
  margin: 0 !important;
  padding: 0 26px !important;
}

/* Templates */
.po-email .po-email-layout {
  grid-template-columns: minmax(0,1.55fr) minmax(380px,.75fr) !important;
  gap: 26px !important;
}

.po-email .po-template-library-card,
.po-email .po-template-editor-card {
  padding: 30px 32px !important;
}

.po-email .po-template-list {
  gap: 12px !important;
}

.po-email .po-template-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  min-height: 0 !important;
  padding: 16px 18px !important;
  border: 1px solid #dce6f0 !important;
  border-radius: 14px !important;
  background: #fbfcfe !important;
}

.po-email .po-template-copy {
  min-width: 0 !important;
}

.po-email .po-template-row h3 {
  margin: 0 !important;
  font-size: 19px !important;
  line-height: 1.25 !important;
}

.po-email .po-template-row p {
  margin: 5px 0 0 !important;
  color: #667892 !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}

.po-email .po-template-form .po-email-field {
  margin-bottom: 17px !important;
}

.po-email .po-template-active {
  margin-top: 2px !important;
  padding: 13px 15px !important;
  border: 1px solid #e0e8f1 !important;
  border-radius: 12px !important;
  background: #f6f9fc !important;
}

/* Test email */
.po-email .po-test-card {
  width: min(100%, 820px) !important;
  max-width: 820px !important;
  padding: 30px 32px !important;
}

.po-email .po-test-form {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: end !important;
  gap: 16px !important;
}

.po-email .po-test-form .po-email-actions {
  margin: 0 !important;
}

.po-email .po-test-form .po-button {
  min-height: 52px !important;
  white-space: nowrap !important;
}

/* Keep the long navigation item on one stable line. */
body.polarone-ui-page .po-app-nav a[href*="email-delivery"] {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 31px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.15 !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  transform: none !important;
}
body.polarone-ui-page .po-app-nav a[href*="email-delivery"] .po-app-nav-icon {
  flex: 0 0 22px !important;
}
body.polarone-ui-page .po-app-nav a[href*="email-delivery"]:hover,
body.polarone-ui-page .po-app-nav a[href*="email-delivery"].is-active {
  font-size: 12.5px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  transform: none !important;
}

@media(max-width:1100px){
  .po-email .po-email-layout{grid-template-columns:1fr !important}
}
@media(max-width:760px){
  .po-email .po-email-settings-card,
  .po-email .po-template-library-card,
  .po-email .po-template-editor-card,
  .po-email .po-test-card{padding:22px !important}
  .po-email .po-email-grid{grid-template-columns:1fr !important}
  .po-email .po-email-field.po-email-wide{grid-column:auto !important}
  .po-email .po-email-checks{align-items:flex-start !important;flex-direction:column !important}
  .po-email .po-email-checkbox{white-space:normal !important}
  .po-email .po-test-form{grid-template-columns:1fr !important}
  .po-email .po-test-form .po-button,
  .po-email .po-email-actions .po-button{width:100% !important;justify-content:center !important}
}

/* 59.7.06: keep SMTP checkbox labels stable on hover/focus. */
.po-email .po-email-settings-card .po-email-form label.po-email-checkbox,
.po-email .po-email-settings-card .po-email-form label.po-email-checkbox:hover,
.po-email .po-email-settings-card .po-email-form label.po-email-checkbox:focus-within {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: auto !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  white-space: nowrap !important;
}

/* 59.7.07: delivery-log controls and template activation actions. */
.po-template-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    flex-wrap:wrap;
}
.po-template-toggle,
.po-clear-logs{
    margin:0;
}
.po-template-toggle .po-button,
.po-clear-logs .po-button{
    min-height:38px;
    padding:8px 14px;
    white-space:nowrap;
}
.po-email-card .po-card-head{
    gap:18px;
}
@media (max-width:720px){
    .po-template-row{
        align-items:flex-start;
    }
    .po-template-actions{
        width:100%;
        justify-content:flex-start;
        margin-top:10px;
    }
    .po-email-card .po-card-head{
        align-items:flex-start;
        flex-direction:column;
    }
    .po-clear-logs,
    .po-clear-logs .po-button{
        width:100%;
    }
}