/* Email Templates app */
.fet-wrap{
  max-width:920px;
  margin:0 auto;
}
.fet-header h1{
  margin:0 0 6px;
  font-size:1.45rem;
  color:#0f1b38;
}
.fet-lead{
  margin:0;
  color:#556170;
  font-size:14px;
  line-height:1.5;
  max-width:52ch;
}
.fet-locked{
  margin:18px 0 0;
  padding:14px 16px;
  border-radius:12px;
  background:#fff6f0;
  border:1px solid rgba(180,80,30,.25);
  color:#6a2f10;
  font-size:14px;
}
.fet-app{
  margin-top:18px;
  display:grid;
  gap:14px;
}
.fet-panel{
  padding:14px 14px 16px;
  border:1px solid #d3e3ed;
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 20px rgba(10,35,64,.05);
}
.fet-section-title{
  margin:0 0 12px;
  font-size:13px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#1f4d73;
}
.fet-template-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
}
@media (min-width:640px){
  .fet-template-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
.fet-tpl-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:4px;
  text-align:left;
  padding:12px 14px;
  border-radius:12px;
  border:1px solid #d3e3ed;
  background:linear-gradient(180deg,#fbfcfe,#f4f8fb);
  cursor:pointer;
  transition:border-color .12s ease, box-shadow .12s ease, transform .12s ease;
}
.fet-tpl-card strong{
  font-size:14px;
  color:#0f1b38;
}
.fet-tpl-card span{
  font-size:12px;
  color:#556170;
  line-height:1.35;
}
.fet-tpl-card:hover{
  border-color:rgba(47,122,138,.35);
  transform:translateY(-1px);
}
.fet-tpl-card.is-active{
  border-color:#1f4d73;
  box-shadow:0 0 0 2px rgba(31,77,115,.15);
  background:linear-gradient(180deg,#f4f9fc,#eaf2f8);
}
.fet-theme-row{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
}
@media (min-width:640px){
  .fet-theme-row{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
.fet-theme-chip{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
  padding:12px 12px 14px;
  border-radius:12px;
  border:1px solid #d3e3ed;
  cursor:pointer;
  text-align:left;
  background:#fff;
}
.fet-theme-chip strong{font-size:13px;color:#0f1b38;}
.fet-theme-chip small{font-size:11px;color:#556170;line-height:1.3;}
.fet-theme-chip.is-active{
  border-color:#1f4d73;
  box-shadow:0 0 0 2px rgba(31,77,115,.12);
}
.fet-theme-chip--brand{border-top:4px solid #2f7a8a;}
.fet-theme-chip--light{border-top:4px solid #c5d4e0;}
.fet-theme-chip--dark{
  border-top:4px solid #0f1b38;
  background:linear-gradient(180deg,#152448,#0f1b38);
}
.fet-theme-chip--dark strong,
.fet-theme-chip--dark small{color:#e8eef8;}
.fet-theme-chip--dark small{opacity:.8;}
.fet-blocks{
  display:flex;
  flex-wrap:wrap;
  gap:8px 12px;
}
.fet-check{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-radius:999px;
  background:#f4f8fb;
  border:1px solid #d3e3ed;
  font-size:12.5px;
  color:#0f1b38;
  cursor:pointer;
  user-select:none;
}
.fet-check input{accent-color:#1f4d73;}
.fet-check--muted{
  opacity:.72;
  cursor:default;
  background:#f7f7f7;
}
.fet-fields{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}
@media (min-width:640px){
  .fet-fields{
    grid-template-columns:1fr 1fr;
  }
  .fet-field--full{grid-column:1 / -1;}
}
.fet-field{
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
}
.fet-field span{
  font-size:12px;
  font-weight:700;
  color:#1f4d73;
}
.fet-field input,
.fet-field textarea{
  width:100%;
  border:1px solid #c9d7e3;
  border-radius:10px;
  padding:10px 12px;
  font:inherit;
  font-size:14px;
  color:#0f1b38;
  background:#fff;
  box-sizing:border-box;
}
.fet-field textarea{resize:vertical;min-height:120px;line-height:1.45;}
.fet-field input:focus,
.fet-field textarea:focus{
  outline:none;
  border-color:#2f7a8a;
  box-shadow:0 0 0 3px rgba(47,122,138,.15);
}
.fet-preview-head{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin-bottom:10px;
}
.fet-hint{
  margin:0;
  font-size:12px;
  color:#556170;
  line-height:1.4;
}
.fet-subject-line{
  margin:0 0 10px;
  padding:10px 12px;
  border-radius:10px;
  background:#f4f8fb;
  border:1px solid #d3e3ed;
  font-size:13px;
  color:#0f1b38;
  word-break:break-word;
}
.fet-subject-k{
  color:#556170;
  font-weight:600;
  margin-right:6px;
}
.fet-preview-frame{
  border:1px solid #d3e3ed;
  border-radius:14px;
  overflow:hidden;
  background:#eef3f7;
  min-height:180px;
}
.fet-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}
.fet-btn{
  appearance:none;
  border:0;
  cursor:pointer;
  border-radius:11px;
  padding:10px 14px;
  font:inherit;
  font-size:13px;
  font-weight:800;
  line-height:1.2;
  transition:transform .12s ease, box-shadow .12s ease;
}
.fet-btn:active{transform:scale(.98);}
.fet-btn--primary{
  background:linear-gradient(180deg,#0f1b38,#1f4d73);
  color:#fff;
  box-shadow:0 8px 16px rgba(15,27,56,.18);
}
.fet-btn--ghost{
  background:#f4f8fb;
  color:#1f4d73;
  border:1px solid #d3e3ed;
}
.fet-status{
  margin:10px 0 0;
  font-size:12.5px;
  font-weight:700;
}
.fet-status.is-ok{color:#1d6b34;}
.fet-status.is-err{color:#9b2c2c;}