.mailbox140{--mail-mint:#f5e8e5;--mail-teal:#8f505b;--mail-ink:#14313d;color:var(--mail-ink)}
.mailbox140 h2{margin:4px 0 12px}.mail-filters140{display:flex;flex-wrap:wrap;align-items:end;gap:14px;padding:20px 0;margin:8px 0 16px;border-bottom:1px solid #dce5e9}.mail-filters140 label{display:grid;gap:7px;font-size:.85rem;font-weight:700}.mail-filters140 label:first-of-type{flex:1;min-width:220px}.mail-filters140 input,.mail-filters140 select,.mail-dialog140 input,.mail-dialog140 textarea,.mail-reader140 select{font:inherit;color:inherit;border:1px solid #bacdd4;background:#fff;border-radius:12px;padding:11px 13px;min-height:44px;width:100%;box-sizing:border-box}.mail-dialog140 textarea{line-height:1.6;resize:vertical}.mail-dialog140 .field{display:grid;gap:8px;margin:18px 0}.mailbox140 button:focus-visible,.mailbox140 input:focus-visible,.mailbox140 select:focus-visible,.mail-dialog140 :is(input,textarea,button):focus-visible{outline:3px solid #8f505b;outline-offset:3px}.mailbox140 [data-filter].active{background:var(--mail-mint);border-color:var(--mail-teal);color:var(--mail-ink)}
.mail-layout140{display:grid;grid-template-columns:minmax(280px, .85fr) minmax(320px,1.4fr);gap:22px;align-items:start}.mail-list140{max-height:820px;overflow:auto;border:1px solid #dce5e9;border-radius:16px}.mail-item140{width:100%;display:grid;gap:8px;padding:18px;text-align:left;background:#fff;color:var(--mail-ink);font:inherit;border:0;border-bottom:1px solid #e1e9ec;cursor:pointer;overflow-wrap:anywhere}.mail-item140:last-child{border-bottom:0}.mail-item140:hover,.mail-item140.active{background:#f5e8e5}.mail-item140.active{box-shadow:inset 4px 0 var(--mail-teal)}.mail-item140.unread strong:before{content:'';display:inline-block;width:8px;height:8px;background:var(--mail-teal);border-radius:50%;margin-right:8px}.mail-meta140{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:.75rem;color:#536d79}.mail-meta140 span{font-weight:700;color:var(--mail-teal)}.mail-status140{font-size:.75rem;color:#536d79}.mail-status140.failed{color:#b22c32}.mail-reader140{min-width:0;background:#f5f8f9;border:1px solid #dce5e9;padding:20px;border-radius:16px;overflow-wrap:anywhere}.mail-reader140 h2{font-size:1.2rem;flex:1;min-width:180px}.mail-thread140{display:grid;gap:12px}.mail-thread140 details{background:#fff;border:1px solid #dce5e9;border-radius:12px;overflow:hidden}.mail-thread140 summary{cursor:pointer;padding:15px}.mail-thread140 summary span{display:block;font-size:.8rem;color:#536d79;margin-top:6px}.mail-body140{border:0;width:100%;height:480px;display:block;background:white}.mail-pager140{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:16px 0;font-size:.8rem;color:#536d79}.mail-dialog140{max-width:660px;width:calc(100% - 40px)}
@media(max-width:1050px){.mail-layout140{grid-template-columns:1fr}.mail-list140{max-height:460px}.mail-reader140{padding:16px}}@media(max-width:600px){.mailbox140{padding:16px!important}.mail-filters140>*{width:100%}.mail-filters140 .row{flex-wrap:wrap}.mail-body140{height:420px}}