.ep-mail-header{display:flex;align-items:center;gap:9px;margin-left:auto;margin-right:16px}.ep-mail-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 5px;border-radius:20px;background:#3973aa;color:#fff;font-size:11px;font-weight:700}.ep-mail-badge[hidden]{display:none}.ep-mail-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.ep-mail-heading p{font-size:14px}.ep-mail-layout{display:grid;grid-template-columns:170px minmax(0,1fr);gap:20px}.ep-mail-folders button{display:block;width:100%;text-align:left;border:0;background:transparent;border-radius:8px;padding:13px 16px;color:#52667a;margin-bottom:5px;font-size:14px}.ep-mail-folders button.selected{color:#1c354c;background:#dfeefa;font-weight:700}.ep-mail-folders p{padding:14px;font-size:12px;line-height:1.7}.ep-mail-content{border:1px solid #dce4ed;background:white;border-radius:12px;min-width:0;overflow:hidden}.ep-mail-search{padding:20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid #e4ebf1}.ep-mail-search>input{flex:1;min-width:180px}.ep-mail-search label{font-size:13px;color:#52667a;display:flex;gap:7px;align-items:center}.ep-mail-row{display:grid;grid-template-columns:8px minmax(105px,.7fr) minmax(100px,2fr) auto;gap:16px;align-items:center;padding:18px 22px;width:100%;border:0;border-bottom:1px solid #e5ebf1;background:#fff;color:#233b51;text-align:left}.ep-mail-row:hover{background:#f2f6fa}.ep-mail-row.unread{background:#eef5fb}.ep-mail-dot{width:7px;height:7px;border-radius:100%;background:transparent}.ep-mail-row.unread .ep-mail-dot{background:#3973aa}.ep-mail-row-copy,.ep-mail-correspondent{min-width:0;overflow:hidden;text-overflow:ellipsis}.ep-mail-correspondent{font-size:13px;white-space:nowrap}.ep-mail-row-copy strong{font-size:14px;font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ep-mail-row.unread strong,.ep-mail-row.unread .ep-mail-correspondent{font-weight:700}.ep-mail-row-copy>span{display:block;font-size:12px;color:#627589;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.ep-mail-row time{font-size:11px;color:#627589}.ep-mail-empty{padding:60px 24px;text-align:center}.ep-mail-empty h2{font-size:21px}.ep-mail-empty p{font-size:14px}.ep-mail-pagination{display:flex;align-items:center;justify-content:space-between;padding:18px;gap:12px;font-size:12px}.ep-mail-thread-head{padding:22px;border-bottom:1px solid #dce4ed;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ep-mail-thread-head>h2{width:100%;font-size:23px;overflow-wrap:anywhere;margin-top:10px}.ep-mail-thread{padding:22px;display:grid;gap:16px;background:#fafbfd}.ep-mail-message{padding:20px;background:#fff;border:1px solid #dce4ed;border-radius:10px;min-width:0}.ep-mail-message.own{background:#edf4fb;border-color:#cbdff0;margin-left:36px}.ep-mail-message>div{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.ep-mail-message strong{font-size:13px}.ep-mail-message time{font-size:11px;color:#627589}.ep-mail-message p{white-space:pre-wrap;overflow-wrap:anywhere;color:#233b51;font-size:14px;line-height:1.8;margin:14px 0 0}.ep-mail-reply,.ep-mail-compose{padding:24px}.ep-mail-compose>.field,.ep-mail-reply>.field{margin:18px 0}.ep-mail textarea{font:inherit;line-height:1.6;resize:vertical;width:100%;border:1px solid #cbd8e5;border-radius:8px;padding:14px;color:#233b51}.ep-mail-compose fieldset{border:1px solid #dce4ed;border-radius:8px;padding:18px;margin:20px 0}.ep-mail-compose legend{font-size:13px;color:#52667a}.ep-mail-compose fieldset>label{font-size:14px}.ep-mail-recipients{max-height:260px;overflow-y:auto;margin-top:14px}.ep-mail-recipients>input{width:100%;margin-bottom:10px}.ep-mail-recipients>label{display:flex;gap:10px;align-items:center;padding:10px;border-bottom:1px solid #e5ebf1;font-size:13px}.ep-mail-recipients label[hidden],.ep-mail-recipients[hidden]{display:none}.ep-mail-recipients small{font-size:12px}.ep-mail-compose .ep-mail-thread-head{padding:0 0 16px}.ep-mail-compose .ep-mail-thread-head h2{width:auto;flex:1}.ep-mail-preview-recipients{max-height:240px;overflow:auto;font-size:13px}.ep-mail-confirm{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.ep-mail-compose>details{margin:20px 0}.ep-mail-compose summary{cursor:pointer;font-size:14px}.ep-mail-loading{padding:28px}.ep-mail-recipient-label{padding:14px;background:#edf4fb;border-radius:8px;color:#31577b;font-size:14px}
@media(max-width:1150px){.ep-mail-layout{grid-template-columns:1fr}.ep-mail-folders{display:flex;gap:8px;flex-wrap:wrap}.ep-mail-folders button{width:auto;padding:11px 18px}.ep-mail-folders p{width:100%;padding:0;margin:0 0 10px}.ep-mail-row{grid-template-columns:7px minmax(95px,.8fr) minmax(100px,2fr)}.ep-mail-row time{grid-column:3}}@media(max-width:600px){.ep-mail-heading{align-items:start;flex-direction:column;gap:14px}.ep-mail-row{padding:16px;gap:10px;grid-template-columns:7px minmax(0,1fr) auto}.ep-mail-correspondent{grid-column:2}.ep-mail-row time{grid-row:1;grid-column:3}.ep-mail-row-copy{grid-column:2/-1}.ep-mail-message.own{margin-left:12px}.ep-mail-thread,.ep-mail-reply,.ep-mail-compose{padding:16px}.ep-mail-header{margin-right:10px;padding:10px}.ep-mail-header>span:not(.ep-mail-badge){display:none}.ep-mail-pagination .secondary{padding:10px;font-size:12px}.ep-mail-heading>.primary{width:100%}}
