/* compose mail (admin) */
.adm .tpl-bar { display: flex; gap: 10px; align-items: flex-end; flex-wrap: wrap; padding-bottom: 14px; margin-bottom: 14px; border-bottom: 1px solid #e6e9e7; }
.adm .tpl-bar label { margin: 0; font-size: 13px; color: #4a544d; }
.adm .tpl-bar select, .adm .tpl-bar input { margin: 4px 0 0; min-width: 190px; }
.adm .tpl-bar .grow { flex: 1; min-width: 200px; }
.adm .danger-btn { color: #b3261e; border-color: #b3261e; }
.adm .mf-grid { display: grid; gap: 12px; }
.adm .mf-grid label, .adm .field { margin: 0; font-size: 13px; color: #4a544d; font-weight: 500; }
.adm .mf-grid label input, .adm .mf-grid label select, .adm .mf-grid label textarea { margin: 4px 0 0; font-size: 15px; color: #1f2622; }
.adm .lbl { display: block; font-size: 13px; color: #4a544d; font-weight: 500; margin-bottom: 4px; }
.adm .chips-box { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; border: 1px solid #c9d0cb; border-radius: 4px; padding: 5px 8px; background: #fff; cursor: text; min-height: 42px; }
.adm .chips-box:focus-within { border-color: #1d4a24; box-shadow: 0 0 0 3px rgba(29,74,36,.14); }
.adm .chips { display: contents; }
.adm .chip-tag { display: inline-flex; align-items: center; gap: 6px; background: #eef2ee; border: 1px solid #d3ddd3; border-radius: 3px; padding: 1px 4px 1px 8px; font-size: 14px; color: #1f2622; }
.adm .chip-tag button { background: none; border: 0; cursor: pointer; color: #6b756e; font-size: 16px; line-height: 1; padding: 0 2px; }
.adm .chip-tag button:hover { color: #b3261e; }
.adm .chip-in { flex: 1; min-width: 180px; border: 0 !important; box-shadow: none !important; padding: 4px 2px !important; margin: 0 !important; background: none; }
.adm .chip-in:focus { outline: none; }
.adm .att-box { margin-top: 14px; padding: 12px 14px; border: 1px solid #e6e9e7; border-radius: 6px; background: #fafbfa; }
.adm .att-row { display: flex; gap: 18px; align-items: center; flex-wrap: wrap; margin-top: 6px; }
.adm .chk { display: inline-flex; align-items: center; gap: 6px; margin: 0; font-weight: 400; font-size: 14px; color: #1f2622; }
.adm .chk input { width: auto; margin: 0; accent-color: #1d4a24; }
.adm .inl { display: inline-flex; align-items: center; gap: 8px; margin: 0; font-size: 14px; font-weight: 400; color: #1f2622; }
.adm .inl input { width: auto; margin: 0; padding: 5px 8px; font-size: 14px; }
.adm .opts { display: flex; gap: 18px; flex-wrap: wrap; margin-top: 12px; }
.adm .form-actions { display: flex; gap: 8px; margin-top: 14px; }
.adm #preview-frame { width: 100%; height: 460px; border: 1px solid #dfe3e0; border-radius: 4px; background: #fff; }
.adm code { background: #eef2ee; padding: 0 5px; border-radius: 3px; font-size: 13px; }
.adm details.card > summary { cursor: pointer; font-weight: 700; list-style: none; }
.adm details.card > summary::-webkit-details-marker { display: none; }
.adm details.card > summary::after { content: " +"; color: #6b756e; font-weight: 400; }
.adm details.card[open] > summary::after { content: " −"; }
.adm .acct-form { margin-top: 12px; padding-top: 12px; border-top: 1px solid #e6e9e7; }
.adm .acct-form h4 { margin: 14px 0 8px; font-size: 15px; }
.adm .acct-form .two { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 14px; }
.adm .acct-form label { margin: 0; font-size: 13px; color: #4a544d; font-weight: 500; }
.adm .acct-form input { margin-top: 4px; }
.adm .logo-row { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-top: 12px; }
.adm .logo-prev { max-height: 60px; max-width: 220px; border: 1px solid #e6e9e7; border-radius: 4px; padding: 4px; background: #fff; }
.adm .contact-add { display: grid; grid-template-columns: 1fr 1.4fr auto; gap: 8px; margin-top: 10px; }
.adm .contact-add input { margin: 0; }
@media (max-width: 760px) { .adm .acct-form .two, .adm .contact-add { grid-template-columns: 1fr; } }