.mailbox{max-width:1080px;margin:auto}.mailbox .head p{margin:5px 0;overflow-wrap:anywhere}.mail-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px}.mail-new{margin-left:auto}.mail-link{display:inline-block;padding:11px 16px;border-radius:10px;font-weight:600}.mail-search{display:flex;align-items:end;gap:10px;margin-bottom:22px}.mail-search label{flex:1;margin:0}.mail-search button{margin-bottom:1px}.mail-list{border-top:1px solid var(--line)}.mail-row{display:flex;width:100%;gap:20px;align-items:center;justify-content:space-between;text-align:left;background:#fff;color:var(--ink);border-radius:0;padding:19px 8px;border-bottom:1px solid var(--line);font-weight:400}.mail-row:hover{background:#f3f8f9}.mail-row>span:first-child{min-width:0;flex:1}.mail-row>span:last-child{text-align:right;flex:0 0 auto}.mail-row strong,.mail-row small{display:block;overflow-wrap:anywhere}.mail-row strong{font-weight:500}.mail-row small{color:var(--muted);font-size:12px;margin:2px 0}.mail-unread{background:#eff8fa;border-left:3px solid var(--accent);padding-left:13px}.mail-unread strong{font-weight:750}.mail-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent)}#mailUnread:not(:empty){border-radius:20px;background:#ffffff2b;padding:1px 7px;margin-left:5px}.mail-paging{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:20px}.mail-paging>span{margin-right:auto;font-size:13px}#mailNotice:not(:empty){background:#e4f3f5;border:1px solid #c7e3e8;border-radius:12px;padding:16px 20px;margin:0 0 20px;overflow-wrap:anywhere}.mail-reader h2{margin-top:26px;font-size:25px;overflow-wrap:anywhere}.mail-reader dl{display:grid;grid-template-columns:60px 1fr;font-size:13px;gap:7px}.mail-reader dt{color:var(--muted)}.mail-reader dd{margin:0;overflow-wrap:anywhere}.mail-body{margin:25px 0;padding:24px 0;border-top:1px solid var(--line);line-height:1.8}.mail-compose textarea{min-height:310px;font-size:15px}.mail-attachments{border-top:1px solid var(--line);padding-top:20px}.mail-attachments button{margin:0 6px 8px 0;overflow-wrap:anywhere;max-width:100%}.mail-small{font-size:12px;margin-top:22px!important}.mail-file{display:inline-flex;align-items:center;gap:8px;max-width:100%;overflow-wrap:anywhere;border-radius:9px;padding:5px 8px;background:#edf3f5;margin:0 8px 8px 0;font-size:13px}.mail-file button{padding:2px 8px;color:#274956;background:transparent;font-size:20px}.mail-foot{display:flex;gap:15px;align-items:center;flex-wrap:wrap;font-size:12px}.mailbox details{margin-top:25px}@media(max-width:720px){.mail-new{margin-left:0}.mail-search{flex-wrap:wrap}.mail-search label{flex-basis:100%}.mail-row{gap:8px;align-items:flex-start;flex-direction:column}.mail-row>span:last-child{text-align:left;display:flex;align-items:center;gap:12px}.mail-tabs button{padding:10px 12px;font-size:13px}.mail-compose textarea{min-height:240px}.mail-compose .toolbar button{flex:1 1 45%}.mail-reader h2{font-size:21px}}

.mail-signature-preview{margin:0 0 22px;padding:20px;border:1px solid var(--line);border-radius:12px;background:#fff;overflow-wrap:anywhere}.mail-signature-preview .mail-signature-label{margin:0 0 20px;color:var(--muted);font-size:11px}.mail-signature-preview table{width:100%;border-collapse:collapse}.mail-signature-preview td{border-bottom:0;vertical-align:top}.mail-signature-preview a{display:inline!important;margin:0!important}.mail-signature-preview img{max-width:100%}@media(max-width:600px){.mail-signature-preview{padding:15px}}

.mail-item{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line)}.mail-item .mail-row{flex:1;min-width:0;border-bottom:0}.mail-remove{flex-shrink:0;font-size:12px;padding:9px 12px}@media(max-width:520px){.mail-item{flex-wrap:wrap;gap:0;padding-bottom:9px}.mail-item .mail-row{flex-basis:100%}.mail-remove{margin-left:8px}}

.mail-bulk{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:#f0f7f8;border:1px solid var(--line);border-radius:12px;padding:14px;margin:15px 0}.mail-bulk .mail-select-all{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:600}.mail-bulk input[type=checkbox],.mail-select input{width:18px;height:18px;margin:0;accent-color:var(--accent)}.mail-select{display:flex;align-items:center;margin:0;padding:12px 0 12px 8px;flex:0 0 28px;cursor:pointer}.mail-bulk-actions{display:flex;align-items:end;gap:8px;flex-wrap:wrap;width:100%}.mail-bulk-actions label{margin:0;font-size:12px}.mail-bulk-actions select{min-height:39px;margin-top:4px;padding:8px 10px;max-width:100%;font-size:13px}.mail-bulk-actions button{font-size:12px;padding:11px 12px}#mailSelectionCount{font-size:12px;margin-left:auto}.mail-reader-move{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin-top:20px}.mail-reader-move label{margin:0;flex:1;min-width:170px}.mail-reader-move select{max-width:100%}.mail-item .mail-select{align-self:stretch}@media(max-width:520px){.mail-item .mail-row{flex-basis:calc(100% - 45px)}.mail-item .mail-remove{margin-left:40px}.mail-bulk-actions label{flex:1 1 100%}.mail-bulk-actions select{width:100%}.mail-bulk-actions button{flex:1}.mail-reader-move button{width:100%}}