.mail-state-card{display:flex;align-items:center;gap:16px;padding:22px;margin:24px 0}.mail-state-card>div{flex:1}.mail-state-card strong{font-size:15px}.mail-state-card p{font-size:12px;color:#8b9a85;margin:6px 0 0}.mail-state-dot{width:12px;height:12px;border-radius:50%;background:#d9bb6c;flex:0 0 12px}.mail-state-dot.ready{background:#79a777}.mail-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.mail-settings-card{overflow:hidden}.mail-settings-card .card-head h2{font-size:17px}.mail-form{padding:0 23px 23px}.mail-form .field{margin-bottom:18px}.mail-form .help{line-height:1.7}.mail-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.mail-guide{padding:16px;border-radius:10px;background:#f3f6ed;color:#7a8d73;font-size:12px;line-height:1.8}.mail-guide b{color:#476b48}.mail-guide ol{padding-left:19px;margin-bottom:0}.mail-guide a{color:#3a775c;text-decoration:underline}.mail-schedule{margin-top:24px}.mail-switch{display:flex;gap:12px;align-items:center;line-height:1.5;margin-bottom:20px;font-size:13px;font-weight:500}.mail-switch input{width:18px;height:18px;accent-color:#50794e}.mail-rules{padding:23px;margin:24px 0}.mail-rules h2{font-size:17px;margin:0 0 13px}.mail-rules p{font-size:12px;line-height:1.9;color:#82927b}.mail-rules small{font-size:11px;color:#a2ac96}.mail-log-filter{max-width:280px;padding:0 22px 15px}.mail-log-filter .field{margin:0}.mail-log td{font-size:11px;max-width:260px;overflow-wrap:anywhere}.mail-log strong{font-weight:500}.mail-log-small{display:block;color:#99a48d;font-size:10px;margin-top:6px}.mail-status{display:inline-flex;white-space:nowrap;padding:6px 9px;border-radius:6px;font-size:10px;background:#edf2e7;color:#7d9071}.mail-status-sent{background:#e3efdf;color:#548151}.mail-status-failed{background:#f9e4dd;color:#b46850}.mail-status-uncertain{background:#f6eccf;color:#b49446}.mail-status-sending{background:#e4edf0;color:#5e8791}@media(max-width:800px){.mail-settings-grid{grid-template-columns:1fr}.mail-state-card{flex-wrap:wrap;padding:18px}.mail-state-card .tag{margin-left:28px}.mail-form{padding:0 18px 18px}.mail-log .card-head{align-items:flex-start;gap:15px;flex-wrap:wrap}.mail-log-filter{padding-left:18px}.mail-rules{padding:18px}}