.mail-panel{padding:22px 24px 40px;color:#1e2940;direction:rtl}.mail-header,.mail-list-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.mail-header h1{margin:6px 0;font-size:29px}.mail-header p{margin:0;color:#67758d}.mail-eyebrow{color:#df650f;font-size:12px;font-weight:800;letter-spacing:.09em}.mail-header-actions,.mail-form-actions,.mail-row-actions{display:flex;gap:8px;align-items:center}.mail-panel button{cursor:pointer}.mail-panel button:disabled{cursor:default;opacity:.55}.mail-panel .primary{border:0;border-radius:9px;background:#e56712;color:white;font-weight:700;padding:10px 17px}.mail-panel .secondary{border:1px solid #d5dce9;border-radius:9px;background:white;color:#34415b;padding:9px 16px}.mail-state{margin:22px 0;padding:15px 20px;background:#eaf7f0;border:1px solid #a7dec0;border-radius:12px;display:flex;gap:15px;align-items:center;flex-wrap:wrap}.mail-state strong{color:#116741}.mail-state span{color:#315f4d}.mail-state.blocked{background:#fff7ee;border-color:#f5d3a5}.mail-state.blocked strong{color:#9a4c0b}.mail-state small{flex-basis:100%}.mail-create,.mail-list{background:white;border:1px solid #e1e6ef;border-radius:14px;padding:20px;margin-top:20px;box-shadow:0 6px 22px rgba(35,53,80,.04)}.mail-create h2,.mail-list h2{margin:0 0 14px;font-size:19px}.mail-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.mail-form-grid label,.mail-list-heading label{display:flex;flex-direction:column;gap:6px;color:#53617b;font-weight:700;font-size:13px}.mail-form-grid input,.mail-form-grid select,.mail-list-heading select{min-height:39px;border:1px solid #cbd3e1;border-radius:8px;background:white;padding:6px 10px;color:#18253d;font:inherit}.mail-form-grid input:focus,.mail-form-grid select:focus,.mail-list-heading select:focus{outline:2px solid #ef8d42;outline-offset:1px}.mail-create p{color:#62708a;font-size:13px}.mail-form-actions{justify-content:flex-end}.mail-list-heading h2 span{font-size:13px;border-radius:30px;background:#eef3fa;padding:3px 9px;color:#4b5b76}.mail-table-wrap{overflow-x:auto}.mail-table-wrap table{border-collapse:collapse;width:100%;min-width:820px;text-align:right}.mail-table-wrap th{background:#f3f6fa;color:#53627d;font-size:13px;padding:12px;border-bottom:1px solid #dfe5ee}.mail-table-wrap td{padding:13px 12px;border-bottom:1px solid #e9edf4;vertical-align:middle}.mail-row-actions{white-space:nowrap}.mail-row-actions button,.mail-dkim button{border:1px solid #d5deea;border-radius:7px;background:#fff;padding:6px 9px;color:#345077}.mail-row-actions button.danger{color:#b32f2a}.mail-status{display:inline-block;padding:4px 9px;border-radius:20px;background:#edf1f7;color:#4f5c70;font-size:12px;font-weight:700}.mail-status.verified{background:#e6f6ed;color:#117648}.mail-status.pending,.mail-status.dns_pending{background:#fff1df;color:#a85d09}.mail-status.failed,.mail-status.unknown{background:#ffeded;color:#b42d2d}.mail-error{display:block;color:#b42d2d;margin-top:5px}.mail-dkim td{background:#f8fafd}.mail-dkim strong{display:block;margin-bottom:8px}.mail-dkim div{display:flex;gap:8px;align-items:center;margin:5px 0}.mail-dkim code{font-size:12px;overflow-wrap:anywhere}.mail-empty{text-align:center;padding:35px;color:#738099}@media(max-width:700px){.mail-panel{padding:14px}.mail-header,.mail-list-heading{align-items:stretch;flex-direction:column}.mail-header-actions{flex-wrap:wrap}}

.mail-row-actions button.send{background:#e56712;border-color:#e56712;color:#fff;font-weight:700}
.mail-compose-backdrop{position:fixed;inset:0;z-index:3000;display:flex;justify-content:center;align-items:center;padding:18px;background:rgba(22,34,55,.48)}
.mail-compose{width:min(800px,100%);max-height:calc(100vh - 36px);display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #dce3ef;border-radius:15px;box-shadow:0 24px 70px rgba(12,26,51,.28)}
.mail-compose-header{display:flex;align-items:center;justify-content:space-between;padding:17px 22px;background:#f6f8fc;border-bottom:1px solid #e3e8f0}
.mail-compose-header span{color:#d76316;font-size:12px;font-weight:800}.mail-compose-header h2{margin:4px 0 0;font-size:20px}.mail-compose-header button{border:0;background:transparent;color:#55637a;font-size:27px;line-height:1;padding:2px 8px}
.mail-compose form{display:flex;flex-direction:column;min-height:0;overflow:auto}.mail-compose-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px 16px;padding:20px 22px 10px}.mail-compose-fields>label,.mail-compose-recipients label{display:flex;flex-direction:column;gap:6px;color:#465570;font-size:13px;font-weight:700}.mail-compose-fields input,.mail-compose-fields textarea{width:100%;box-sizing:border-box;border:1px solid #cbd4e2;border-radius:8px;background:#fff;color:#17243a;font:inherit;font-weight:400;padding:10px 12px}.mail-compose-fields input:focus,.mail-compose-fields textarea:focus{outline:2px solid #ef8d42;outline-offset:1px}.mail-compose-fields input[readonly]{background:#f4f7fa;color:#55637a}.mail-compose-recipients{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:16px}.mail-compose-fields>label:nth-of-type(3),.mail-compose-fields>label:nth-of-type(4),.mail-compose-body-label{grid-column:1/-1}.mail-compose-body-label textarea{min-height:190px;resize:vertical;line-height:1.6}
.mail-compose-hint{margin:0 22px 12px;padding:10px 12px;background:#fff6e9;border:1px solid #f6d9ad;border-radius:8px;color:#80510e;font-size:13px}.mail-compose-error{margin:0 22px 12px;color:#b42d2d;font-size:13px;font-weight:700}.mail-compose-files{display:flex;flex-wrap:wrap;gap:7px;padding:0 22px 12px}.mail-compose-files>div{display:flex;align-items:center;gap:8px;max-width:100%;padding:5px 9px;background:#eef2f8;border:1px solid #d7e0eb;border-radius:7px;font-size:12px}.mail-compose-files span{overflow-wrap:anywhere}.mail-compose-files button{border:0;background:transparent;font-size:18px;line-height:1;color:#586986}
.mail-compose-footer{display:flex;align-items:center;gap:12px;padding:15px 22px;border-top:1px solid #e4e9f1}.mail-compose-attach{position:relative;cursor:pointer;border:1px solid #d4dce8;border-radius:8px;padding:9px 12px;color:#344765;font-weight:700;font-size:13px}.mail-compose-attach input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.mail-compose-footer>span{color:#71809a;font-size:12px}.mail-compose-footer .primary{margin-right:auto}
@media(max-width:650px){.mail-compose-backdrop{padding:6px}.mail-compose{max-height:calc(100vh - 12px)}.mail-compose-fields{grid-template-columns:1fr;padding:15px}.mail-compose-recipients{grid-template-columns:1fr;gap:10px}.mail-compose-fields>label{grid-column:1/-1}.mail-compose-footer{flex-wrap:wrap;padding:12px 15px}.mail-compose-footer .primary{margin-right:0;margin-inline-start:auto}}
.mail-assignments{width:min(680px,100%)}
.mail-assignments-content{padding:18px 22px 24px;overflow:auto}
.mail-assignments-content>p{margin:0 0 13px;color:#506079;line-height:1.5}
.mail-assignments-content h3{margin:20px 0 10px;font-size:16px}
.mail-assignments-content .mail-compose-error{margin:0 0 12px}
.mail-assignments-content form{overflow:visible}
.mail-assignments-content .mail-form-actions{margin-top:16px}
.mail-assignments-list{list-style:none;padding:0;margin:0}
.mail-assignments-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #e9edf4}
.mail-assignments-list li span{overflow-wrap:anywhere}
.mail-assignments-list li button{flex:none}
.mail-assignments-actions{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:650px){.mail-assignments-content{padding:15px}.mail-assignments-list li{align-items:flex-start;flex-direction:column}}
.mail-existing-accounts{display:grid;gap:7px;min-width:190px}
.mail-existing-accounts>div{display:grid;gap:2px;padding:7px 9px;border:1px solid #e2e8f1;border-radius:8px;background:#f8fafd;font-size:12px;white-space:normal}
.mail-existing-accounts strong{font-size:12px}
.mail-existing-accounts span{overflow-wrap:anywhere;text-align:right}
.mail-existing-accounts small,.mail-account-muted{color:#65748b}
.mail-account-error{color:#a33d30}