/* mail module styles */
.mailgrid{display:grid;grid-template-columns:236px 380px 1fr;gap:0;height:calc(100vh - 250px);min-height:520px;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--card);box-shadow:var(--shadow)}
.mfold{border-right:1px solid var(--line);overflow:auto;padding:10px 8px;background:rgba(4,12,26,.35)}
:root[data-theme=light] .mfold{background:#f6f9fe}
.mbox+.mbox{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.mbh{display:flex;align-items:center;gap:8px;padding:4px 6px 8px}
.mbh b{display:block;font:700 14px var(--disp);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mbh small{display:block;color:var(--faint);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mf{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:9px;color:var(--sub);text-decoration:none!important}
.mf:hover{background:rgba(var(--scan-rgb),.07);color:var(--ink)}
.mf.on{background:linear-gradient(90deg,rgba(var(--scan-rgb),.18),rgba(var(--scan-rgb),.03));color:var(--ink)}
.mf .b{margin-left:auto;background:rgba(var(--scan-rgb),.18);color:var(--scan);font:700 12px var(--num);border-radius:20px;padding:0 8px}
.msync{font-size:11.5px;color:var(--faint);padding:4px 10px}
.merr{font-size:11.5px;color:var(--warn);padding:4px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mlist{border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}
.mlh{display:flex;gap:8px;align-items:center;padding:10px;border-bottom:1px solid var(--line)}
.mlh .search{position:relative;flex:1}.mlh .search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--faint);width:16px;height:16px}
.mlh .search input{padding-left:32px;border-radius:30px}
.mitems{overflow:auto;flex:1}
.mi{display:flex;gap:10px;padding:11px 12px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none!important;position:relative}
.mi:hover{background:rgba(var(--scan-rgb),.05)}
.mi.on{background:rgba(var(--scan-rgb),.10)}
.mi.unread::before{content:"";position:absolute;left:3px;top:18px;width:6px;height:6px;border-radius:50%;background:var(--scan);box-shadow:0 0 8px var(--scan)}
.mim{min-width:0;flex:1}
.mi .row1{display:flex;gap:8px;align-items:baseline}
.mi .row1 b{flex:1;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sub)}
.mi.unread .row1 b,.mi.unread .subj{font-weight:700;color:var(--ink)}
.mi time{font-size:11.5px;color:var(--faint);white-space:nowrap}
.mi .subj{display:flex;gap:5px;align-items:center;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mi .subj svg{width:14px;height:14px;color:var(--faint)}
.mi .subj span{overflow:hidden;text-overflow:ellipsis}
.mi .snip{font-size:12.5px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mread{overflow:auto;padding:20px 24px;min-width:0}
.mnone{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--faint)}
.mnone svg{width:48px;height:48px;opacity:.5}
.mrh{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:14px}
.mrh h2{flex:1;min-width:220px;font-size:21px;margin:0}
.mfrom{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.mfrom .small{word-break:break-word}
.mcrm{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}
.mcrm .pill{text-decoration:none}.mcrm .pill svg{width:13px;height:13px}
.matts{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.matt{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line2);border-radius:10px;padding:7px 10px;color:var(--ink);text-decoration:none!important;max-width:280px;background:rgba(var(--scan-rgb),.04)}
.matt:hover{border-color:var(--scan)}
.matt span{min-width:0}.matt b{display:block;font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.matt small{color:var(--faint);font-size:11px}
.matt>svg:first-child{color:var(--scan)}
.mbody{white-space:pre-wrap;word-break:break-word;font-size:14.5px;line-height:1.65;margin-top:18px;color:var(--ink)}
.mailempty{text-align:center;padding:48px 24px;max-width:640px;margin:20px auto}
.mailempty .ic{display:inline-flex;width:64px;height:64px;border-radius:18px;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(var(--scan-rgb),.22),rgba(var(--azure-rgb),.12));color:var(--scan);margin-bottom:12px}
.mailempty .ic svg{width:30px;height:30px}
textarea.mcomp{min-height:260px;font-size:14px;line-height:1.55}
.mdrop{padding:12px;margin-top:10px;font-size:13px}.mdrop svg{width:16px;height:16px;vertical-align:-3px}
.madv{margin:4px 0 12px}.madv summary{cursor:pointer;color:var(--sub);font:600 13px var(--disp);letter-spacing:.04em;margin-bottom:10px}
.mmembers{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.mmembers .chip{margin:0;font:500 12.5px var(--body)}
.mmembers .chip input{margin:0}
.mtest p{margin:4px 0}
@media (max-width:1100px){.mailgrid{grid-template-columns:200px 1fr;height:auto}.mread{grid-column:1/-1;border-top:1px solid var(--line)}}
@media (max-width:860px){.mailgrid{grid-template-columns:1fr}.mfold,.mlist{border-right:0;border-bottom:1px solid var(--line)}}