.gar-mail-box{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:15px;margin:18px 0;border:1px solid var(--border);border-radius:14px;background:var(--panel2)}
.gar-mail-box strong{color:var(--txt)}.gar-mail-badges,.gar-mail-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.gar-mail-actions{justify-content:flex-end;margin-top:0}
.gar-mail-box [hidden]{display:none!important}
.gar-mail-actions button{min-height:40px}.gar-mail-badge{display:inline-flex;align-items:center;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:700;line-height:1.3}
.gar-mail-badge.pending{background:#fff0ca;color:#704500}.gar-mail-badge.clear{background:#e2edf3;color:#244052}.gar-mail-badge.sent{background:#d9f6df;color:#176233}.gar-mail-badge.tracking{background:#e4ebff;color:#283d82}
.gar-mail-track{display:flex!important;align-items:flex-start;gap:8px;margin:14px 0!important;color:var(--txt)!important;font-size:12px!important}.gar-mail-track input{width:auto!important;min-width:auto!important;margin:2px 0 0}.gar-mail-track span{color:var(--txt)}.gar-mail-track small{display:block;margin-top:3px;color:var(--mut);font-size:11px;font-weight:400;line-height:1.4}
.gar-mail-preview{margin:16px 0}.gar-mail-preview h4{margin:0 0 6px}.gar-mail-preview .hint{margin-bottom:8px;overflow-wrap:anywhere}
@media(max-width:700px){.gar-mail-box{flex-direction:column}.gar-mail-actions{justify-content:flex-start}.gar-mail-actions button{min-height:44px}}