.mail-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 5px;margin-left:8px;border-radius:99px;background:#f5c45e;color:#17140c;font:700 12px Arial;box-sizing:border-box}.mail-count[hidden]{display:none}.mail-overview-notice{display:block;margin:16px 0;padding:16px 20px;border:1px solid #88703d;border-radius:12px;background:#28251e;color:#f3dfb4;font:inherit;cursor:pointer;max-width:100%}
.mail-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0}.mail-controls input{flex:1;min-width:180px}.mail-controls select{width:auto}
.admin-mail button:not(.button){border:1px solid #88703d;border-radius:10px;padding:12px 16px;background:#28251e;color:#f3dfb4;font:inherit;cursor:pointer;max-width:100%}
.admin-mail button:focus-visible{outline:2px solid #f2cc7a;outline-offset:3px}.admin-mail button:disabled{opacity:.5;cursor:wait}
.mail-list{display:grid;gap:8px}.admin-mail .mail-item{display:grid;width:100%;text-align:left;gap:6px;overflow-wrap:anywhere}.mail-item small{color:#b8b4a9}
.mail-reading:not(:empty),.mail-writing{margin-top:24px;padding:20px;border:1px solid #635432;border-radius:16px;background:#191c1c;overflow-wrap:anywhere}
.mail-reading pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere}.mail-reading button{margin:8px 8px 0 0}.mail-writing label{display:block;margin-bottom:16px}.mail-writing input,.mail-writing textarea{width:100%;box-sizing:border-box}
.admin-mail [hidden]{display:none!important}
@media(max-width:600px){.mail-controls>*{width:100%!important;box-sizing:border-box}.mail-reading:not(:empty),.mail-writing{padding:14px}}