.mail-tabs,.mail-filters,.mail-summary{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0;align-items:center}
.mail-filters input{flex:1;min-width:180px}.mail-filters select{min-width:170px}
.mail-filters input,.mail-filters select{height:44px;padding:8px 12px;border:1px solid #cbd8ed;border-radius:6px;font:inherit;box-sizing:border-box}
.mail-table td{font-size:14px;line-height:1.4}.mail-table th{font-size:12px}.mail-table small{font-size:12px}
.mail-editor input,.mail-editor textarea{padding:10px;border:1px solid #cbd8ed;border-radius:6px;font:inherit}
.mail-log,.mail-detail{min-width:0}.mail-table-scroll{max-height:55vh;overflow-y:auto;overflow-x:hidden}
.mail-table{width:100%;table-layout:fixed;border-collapse:collapse}.mail-table th{position:sticky;top:0;background:#f4f7fc;z-index:1}
.mail-table th,.mail-table td{padding:12px 8px;text-align:left;overflow-wrap:anywhere;border-bottom:1px solid #e1e8f2}
.mail-table small{display:block;margin-top:5px}.mail-table .btn{white-space:normal;padding:8px;min-width:0;font-size:13px}
.mail-table .badge{white-space:normal}.mail-error{color:#a32121}.mail-editor{display:grid;gap:12px;margin:16px 0}
.mail-editor label{display:grid;gap:6px}.mail-editor input,.mail-editor textarea{width:100%;box-sizing:border-box}
.mail-editor input[readonly],.mail-editor textarea[readonly]{background:#f5f7fa}.mail-attempt{padding:12px;border-bottom:1px solid #e1e8f2}
.mail-detail p{overflow-wrap:anywhere}.mail-detail .btn-row{flex-wrap:wrap}
@media(max-width:700px){.mail-table th,.mail-table td{font-size:12px;padding:8px 3px}.mail-table .btn{font-size:11px;padding:5px}.mail-tabs .btn{flex:1}.mail-table-scroll{max-height:60vh}}