/* Newsletter (balik 2D). Pravidla pod .rd; styly nahledu e-mailu (NewsletterStyles) sem nepatri. */
/* Zdroj: prototyp-zahlavi/servis.css (#admin/newsletter, #admin/newsletter/edit). Panely, KPI, toolbar, chipy, strankovani,
   switch a progress jsou ve spolecne casti admin.css; tady jen to, co ma jen newsletter (predpona nl-). */

/* ---------- prehled ---------- */
.rd .adm-nl .sub-nav {
  margin-bottom: 18px;
}

.rd .adm-nl .nl-msg {
  margin-bottom: 16px;
}

.rd .adm-nl .nl-err {
  color: var(--err);
}

.rd .adm-nl .adm-note.nl-lead {
  margin: 0 0 12px;
}

.rd .adm-nl .adm-panel .panel-head .btn-row {
  gap: 12px;
}

/* filtry vlevo, Export a Import vpravo; pri zalomeni jde skupina akci na dalsi radek cela */
.rd .adm-nl .nl-filters,
.rd .adm-nl .nl-tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.rd .adm-nl .nl-tools {
  margin-left: auto;
}

@media (min-width: 701px) {
  .rd .adm-nl .adm-toolbar .nl-w-email {
    width: 280px;
  }

  .rd .adm-nl .adm-toolbar .nl-w-note {
    width: 340px;
  }
}

/* ---------- tabulky ---------- */
.rd .adm-nl .nl-email {
  overflow-wrap: anywhere;
}

.rd .adm-nl .tbl tr.is-open td {
  background: #fafbfc;
}

.rd .adm-nl .tbl tr.nl-detail-row td {
  padding: 18px 20px;
  background: #fafbfc;
}

/* formular adresy v rozbalenem radku (.adm-form.nl-form) */
.rd .adm-nl .nl-form {
  gap: 14px 22px;
  max-width: 760px;
  font-size: 13px;
  line-height: 19px;
}

.rd .adm-nl .nl-form .textarea {
  min-height: 0;
}

.rd .adm-nl .nl-break {
  overflow-wrap: anywhere;
}

/* ---------- editor e-mailu ---------- */
.rd .adm-nl .adm-head h1 .nl-head-badge {
  margin-left: 6px;
  vertical-align: 4px;
}

.rd .adm-nl .nl-count b {
  margin-left: 4px;
}

.rd .adm-nl .nl-text {
  font-family: var(--font-mono);
  font-size: 13px;
}

.rd .adm-nl .nl-progress-text {
  font-size: 13px;
  line-height: 20px;
}

/* ---------- mobil ---------- */
@media (max-width: 700px) {
  .rd .adm-nl .nl-filters {
    width: 100%;
  }

  .rd .adm-nl .nl-tools {
    margin-left: 0;
  }

  .rd .adm-nl .tbl.stack-sm tr.nl-detail-row td {
    padding: 14px 0;
  }

  .rd .adm-nl .nl-form {
    gap: 6px;
  }

  .rd .adm-nl .adm-edit-layout,
  .rd .adm-nl .edit-main {
    gap: 16px;
  }
}