.mail-shell{color:#16324d;background:#fff;border:1px solid #dce4ed;border-radius:20px;overflow:hidden}.mail-heading{border-bottom:1px solid #dce4ed;justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.mail-heading h2{margin:6px 0;font-size:26px}.mail-heading h2 span{background:#eaf1f7;border-radius:20px;padding:6px 10px;font-size:12px}.mail-heading p{color:#52677c;margin:4px 0;font-size:13px}.mail-shell button{cursor:pointer;color:#16324d;background:#fff;border:1px solid #cfdae5;border-radius:10px;padding:10px 14px;font-weight:650}.mail-heading>button,.mail-compose footer button:first-child{color:#fff;background:#bc2339;border-color:#bc2339}.mail-shell button:disabled{opacity:.55;cursor:wait}.mail-layout{grid-template-columns:160px 260px minmax(0,1fr);min-height:550px;display:grid}.mail-layout>aside{background:#f6f8fb;padding:16px}.mail-layout nav{gap:8px;display:grid}.mail-layout nav button[aria-pressed=true]{color:#fff;background:#16324d}.mail-preference{gap:6px;margin-top:28px;font-size:13px;display:flex}.mail-layout small{color:#52677c;margin-top:6px;font-size:12px;line-height:1.5;display:block}.mail-list{border-right:1px solid #dce4ed;padding:16px}.mail-shell label{font-size:13px;font-weight:600}.mail-shell input:not([type=checkbox]),.mail-shell textarea{box-sizing:border-box;color:#16324d;background:#fff;border:1px solid #b9c8d6;border-radius:8px;width:100%;margin-top:6px;padding:10px;display:block}.mail-row{text-align:left;word-break:break-word;flex-direction:column;gap:8px;width:100%;margin-top:12px;display:flex!important}.mail-row.unread{background:#fff5f6;border-left:4px solid #bc2339}.mail-row time,.mail-message time{color:#52677c;font-size:11px}.mail-content{overflow-wrap:anywhere;min-width:0;padding:24px}.mail-content h3{margin-top:0}.mail-content header>p{color:#52677c;font-size:13px}.mail-content header>button{margin-right:8px}.mail-message{border:1px solid #dce4ed;border-radius:12px;margin:16px 0;padding:16px}.mail-message header{justify-content:space-between;gap:10px;display:flex}.mail-message p{white-space:pre-wrap;line-height:1.6}.mail-message button{margin:4px}.mail-compose{gap:16px;margin-top:20px;display:grid}.mail-compose fieldset{border:1px solid #dce4ed;border-radius:10px}.mail-recipients{flex-wrap:wrap;gap:12px;max-height:180px;display:flex;overflow:auto}.mail-recipients label{align-items:center;gap:6px;display:flex}.mail-compose footer{flex-wrap:wrap;gap:8px;display:flex}.mail-empty{text-align:center;color:#52677c;padding:90px 15px}.mail-error{color:#9b1830;background:#fff0f2;border-radius:8px;margin:16px;padding:12px}.mail-shell>p[role=status]{color:#176842;padding:0 24px}@media (max-width:1100px){.mail-layout{grid-template-columns:130px minmax(180px,1fr)}.mail-content{border-top:1px solid #dce4ed;grid-column:1/-1}.mail-list{max-height:320px;overflow:auto}}@media (max-width:600px){.mail-heading{align-items:flex-start;padding:16px}.mail-heading h2{font-size:22px}.mail-layout{display:block}.mail-layout>aside{padding:12px}.mail-layout nav{grid-template-columns:repeat(4,1fr);gap:4px}.mail-layout nav button{padding:8px 4px;font-size:12px}.mail-preference{margin-top:12px}.mail-content{padding:16px}.mail-empty{padding:35px 10px}}