.message-sections{margin:0 0 18px;gap:6px}
.mail-tab-count{display:inline-block;min-width:1.3em;margin-left:3px;padding:0 4px;border-radius:10px;background:#e9edf4;color:#445366;font-size:11px;text-align:center;vertical-align:1px}
.mail-filter-head{display:grid;gap:12px}
.mail-search,.mail-ref-picker,.mail-compose-bottom,.mail-row-line,.mail-tools,.mail-message-tools,.mail-attachments,.mail-receipt-actions,.mail-picked,.mail-modes,.mail-scope,.mail-row{display:flex;align-items:center;gap:10px}
.mail-search{align-items:flex-end}.mail-search .field{flex:1;max-width:580px}
.mail-scope,.mail-row-line,.mail-tools,.mail-message-tools,.mail-attachments,.mail-receipt-actions,.mail-modes{flex-wrap:wrap}
.mail-filters{margin:14px 0 4px}
.mail-row{padding:17px 2px;border-bottom:1px solid #e8ebf0;align-items:flex-start;justify-content:space-between}
.mail-row:last-child{border-bottom:0}
.mail-row-main{flex:1;min-width:0;color:inherit;display:block;overflow-wrap:anywhere}
.mail-row-main:hover strong{text-decoration:underline}
.mail-row-line strong{font-size:16px}.mail-excerpt{margin:5px 0 4px;color:#445366;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mail-row time{flex-shrink:0}.mail-more{text-align:center;margin:10px 0}
.mail-more:empty,.mail-receipt-actions:empty,.mail-files:empty,.mail-tools:empty{display:none}
.mail-members{margin:10px 0;overflow-wrap:anywhere}
.mail-options summary,.mail-thread-head summary,.mail-receipts summary{cursor:pointer;color:#42566f;font-weight:550}
.mail-thread-head details,.mail-tools{margin-top:10px}
.mail-source{font-size:13px;margin-left:5px;overflow-wrap:anywhere}
.mail-message{padding:18px 0;border-top:1px solid #e6e9ef;min-width:0}
.mail-message header{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;margin-bottom:10px}
.mail-message .note-content,.mail-message .preline,.mail-quote,.mail-public-preview{overflow-wrap:anywhere}
.mail-quote{background:#f2f5fa;border-left:3px solid #96aac3;padding:9px 14px;margin:8px 0;border-radius:4px;color:#43546a}
.mail-quote p{white-space:pre-line;margin:4px 0;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.mail-receipt-actions{font-size:13px;margin:10px 0 4px}.mail-receipts ul{margin:7px 0;padding-left:20px;color:#556273}
.mail-files{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}
.mail-file{display:inline-flex;align-items:center;gap:5px;color:#23548a;background:#f3f6fa;border:1px solid #dce4ed;padding:7px 10px;border-radius:8px;font-size:13px;max-width:100%;overflow-wrap:anywhere;text-align:left}
.mail-file small{color:#526575}.mail-file img{width:72px;height:54px;object-fit:contain;background:white;border-radius:4px}
.mail-message-tools{font-size:13px;margin-top:8px}
.mail-thread-footer{border-top:1px solid #e6e9ef;padding-top:12px}
.mail-fieldset{border:0;min-width:0;padding:0;margin:0}.mail-fieldset legend{font-weight:600;font-size:14px;margin-bottom:7px}
.mail-modes label{display:flex;align-items:flex-start;gap:8px;border:1px solid #d5dce7;border-radius:10px;padding:9px 13px;cursor:pointer}
.mail-modes label:has(:checked){border-color:#829bb7;background:#f0f5fa}
.mail-modes small,.mail-check small{display:block;color:#667386;font-size:12px}
.mail-modes input,.mail-check input{width:auto;min-height:0;margin:3px 0 0;flex:0 0 auto}
.mail-checks{display:flex;gap:5px;flex-wrap:wrap;margin:9px 0;max-height:235px;overflow:auto;align-content:flex-start}
.mail-check{display:flex;align-items:flex-start;gap:7px;border-radius:7px;background:#f5f7fa;padding:6px 10px;cursor:pointer;overflow-wrap:anywhere}
.mail-check:has(:checked){background:#e8f0f9;color:#264570}
.mail-check[hidden],.mail-options[hidden],.mail-compose label[hidden]{display:none}
.mail-compose .stack{gap:17px}.mail-options{padding:10px 12px;border:1px solid #e0e5ec;border-radius:9px}
.mail-options[open]>summary{margin-bottom:9px}.mail-options .hint{margin:5px 0}
.mail-compose [data-find-recipients]{max-width:360px;width:100%}
.mail-compose-bottom,.mail-picked{justify-content:space-between;flex-wrap:wrap}
.mail-picked{margin:5px 0;font-size:13px;background:#f5f7fa;padding:4px 9px;border-radius:7px;overflow-wrap:anywhere}
.mail-ref-picker select{flex:1;min-width:0}.mail-ref-picker button{flex:0 0 auto}
.mail-public-preview{background:#f4f7fb;border-radius:10px;padding:14px}.mail-public-preview p{margin:8px 0}
.mail-thread-head,.mail-compose,.mail-list{min-width:0}.mail-list>*,.mail-compose>*{max-width:100%}
@media(max-width:600px){
 .mail-row{display:grid;gap:4px}.mail-row time{font-size:12px}.mail-message{padding:14px 0}
 .mail-modes{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:6px}.mail-modes label{padding:7px}
 .mail-compose .fields{grid-template-columns:1fr}.mail-file{flex-wrap:wrap}
 .mail-source{display:block;margin:8px 0 0}.mail-receipt-actions,.mail-tools{align-items:flex-start}
 .mail-attachments{align-items:flex-start}.mail-attachments .hint{flex:1;min-width:125px}
}

.mail-image-attachment{display:grid;gap:5px;font-size:12px;max-width:180px;overflow-wrap:anywhere}.mail-image-attachment img{width:110px;height:75px;object-fit:contain}

.mail-context-actions{display:inline-flex;gap:9px;align-items:center;flex-wrap:wrap}.mail-context-actions .text-link{font-size:13px}

.mail-audience-warning{padding:8px 12px;border-left:3px solid #a27639;background:#fcf6ea;color:#654920}