.mail-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);gap:22px}.mail-body{padding:0 22px 22px}.mail-counter{font-size:11px;background:#e9f2de;color:#486a32;padding:6px 9px;border-radius:5px;white-space:nowrap}.mail-recipient-list{margin:18px 0 26px}.mail-recipient{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e6ecdf;padding:16px 0}.mail-recipient small,.mail-toggle small{display:block;color:#6b7e66;font-size:11px;margin-top:4px;word-break:break-word}.mail-recipient .check{align-items:center;min-width:0}.mail-recipient input,.mail-toggle input{accent-color:#176449;flex-shrink:0}.mail-remove{font-size:11px;color:#ab503a;padding:8px}.mail-add-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:15px 0}.mail-empty{padding:25px 10px;text-align:center;color:#7d8c72;font-size:12px;line-height:1.8}.mail-log{margin-top:22px}.mail-log-note{padding:0 22px 15px}.mail-log-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;border-top:1px solid #e2eadd}.mail-log-row h3{font-size:12px;margin:9px 0}.mail-log-row small{color:#75866d;font-size:10px}.mail-status{font-size:9px;font-weight:700;background:#eaf1fa;color:#436d99;padding:5px 8px;border-radius:4px}.mail-trigger{display:flex;gap:12px;padding:18px 12px;background:#fff4d6;border-radius:8px;margin:20px 0;color:#94641d}.mail-trigger svg{width:23px;height:23px;flex-shrink:0}.mail-trigger p{font-size:11px;margin-top:5px}.mail-example{margin-top:22px}.mail-example p{font-size:12px;color:#5e785b;margin-bottom:14px;padding-left:12px;border-left:2px solid #c7dd9b}.mail-example .text-btn{margin-top:10px}.mail-preview-meta{border-bottom:1px solid #e3e9de;padding-bottom:14px;font-size:12px;line-height:1.8}.mail-preview-meta p+p{margin-top:12px}.mail-preview-body{background:#f6faf1;border:1px solid #e0ead7;border-radius:9px;padding:20px;font-size:12px;line-height:1.8}.mail-preview-body p{margin-top:12px}.mail-preview-body a{color:#276d44;font-weight:700}.sidebar .nav{gap:10px}.sidebar .nav svg{flex-shrink:0}@media(max-width:1050px){.mail-layout{grid-template-columns:1fr}.mail-layout>aside{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mail-example{margin-top:0}.sidebar{overflow-y:auto}.sidebar .side-bottom{padding-top:20px}}@media(max-width:700px){.sidebar .nav[data-go=mail]{display:none}.mail-layout>aside,.mail-add-fields{grid-template-columns:1fr}.mail-layout .panel-head{flex-wrap:wrap}.mail-log-row{align-items:flex-start}.mail-log-row .text-btn{white-space:normal}.sidebar .side-bottom{padding:0}}