/* Mail is scoped to avoid inheriting campaign/button colors from the CRM. */
.mail-dialog{color:#0b1a3a;background:#fff;border:1px solid #d5e0ed;border-radius:0;padding:0;width:min(820px,94vw);max-height:94dvh;box-shadow:0 24px 90px #081a3540}
.mail-dialog.mail-wide{width:min(1120px,96vw)}.mail-dialog::backdrop{background:#10243c99;backdrop-filter:blur(3px)}
.mail-dialog header{background:#0b1a3a;color:#fff;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:3}
.mail-dialog header small{font-size:9px;letter-spacing:.13em;color:#b8cbe3}.mail-dialog h2,.mail-heading h2{display:flex;align-items:center;gap:10px;margin:4px 0;font-size:23px;font-weight:600}.mail-dialog svg,.mail-heading svg{width:21px;height:21px;flex-shrink:0}
.mail-dialog.mail-dialog header button[data-close]{background:#213f60!important;color:#fff!important;border:1px solid #607a98!important;font-size:23px;width:36px;height:36px;padding:0;display:grid;place-items:center}
.mail-content{padding:22px}.mail-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.mail-fields label,.mail-ai label,.mail-content>label{display:grid;gap:6px;font-size:12px;font-weight:500;margin:0!important}.mail-full{grid-column:1/-1}
.mail-dialog input,.mail-dialog select,.mail-dialog textarea{box-sizing:border-box;width:100%;border:1px solid #cbd9e9;border-radius:0;min-height:36px;padding:8px 10px;color:#0b1a3a;background:#fff;font:inherit;outline-color:#0057ff}
.mail-dialog.mail-dialog button:not(.primary),.mail-table button,.mail-actions button:not(.primary),.mail-pagination button{background:#fff!important;border:1px solid #cddaea!important;color:#0b1a3a!important;border-radius:0;box-shadow:none;font-size:12px;font-weight:500;cursor:pointer}
.mail-dialog.mail-dialog button.primary,.mail-actions button.primary{background:#0b1a3a!important;color:#fff!important;border:1px solid #0b1a3a!important;border-radius:0;box-shadow:none}
.mail-dialog button:focus-visible,.mail-tabs button:focus-visible{outline:2px solid #628ff0;outline-offset:2px}.mail-dialog button:disabled{opacity:.45;cursor:not-allowed}
.mail-dialog footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#fff;border-top:1px solid #dce5f0;padding-top:16px;margin-top:16px}.mail-dialog footer>span{flex:1}.mail-dialog footer button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;white-space:nowrap}.mail-dialog footer svg{width:16px;height:16px}
.mail-read{line-height:1.7;overflow-wrap:anywhere;padding:12px 0}.mail-read p{margin:0 0 12px}.mail-files{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.mail-files:empty{display:none}.mail-files span,.mail-files a{display:inline-flex;align-items:center;gap:6px;background:#eef4fb;border:1px solid #d5e0ed;padding:4px 8px;font-size:11px}.mail-dialog.mail-dialog .mail-files button{border:0!important;background:transparent!important;padding:0 4px;font-size:15px}
.mail-attach{display:inline-flex!important;align-items:center;gap:7px;border:1px solid #cddaea;padding:10px 12px!important;background:#f8faff!important;color:#0b1a3a!important;font-size:12px;font-weight:500;cursor:pointer;margin:0!important;white-space:nowrap}.mail-attach input[hidden]{display:none!important}.mail-attach svg{width:16px;height:16px}
.mail-dialog [data-feedback]{font-size:11px;color:#627c9b;white-space:pre-wrap;line-height:1.4;margin:10px 0 0;min-height:16px}
.mail-heading{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:20px}.mail-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mail-actions button{padding:10px 16px}
#crmMain .mail-tabs{display:flex;gap:0;border-bottom:1px solid #ccd9e9;margin:20px 0 0;padding:0;background:#fff}
#crmMain .mail-tabs button[data-folder]{background:#0b1a3a!important;color:#fff!important;border:0!important;border-radius:0;box-shadow:none;padding:13px 25px;font-size:13px;font-weight:500;line-height:20px}
#crmMain .mail-tabs button[data-folder].active{background:#0057ff!important;color:#fff!important;box-shadow:inset 0 -3px 0 #a9c9ff}
#crmMain .mail-tabs button[data-folder]:hover{background:#25486e!important;color:#fff!important}
#crmMain .mail-tabs button[data-folder].active:hover{background:#2058c5!important}
.mail-table{width:100%;border-collapse:collapse;font-size:13px}.mail-table th{text-align:left;color:#7087a3;font-weight:500}.mail-table th,.mail-table td{padding:14px 12px;border-bottom:1px solid #e1e9f2}.mail-table-wrap{overflow:auto}.mail-empty{text-align:center!important;color:#7990ab;padding:45px!important}.mail-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:16px;font-size:12px}.mail-notice{background:#edf4fc;border:1px solid #cfdeef;padding:12px 14px;font-size:12px}
/* Fixed composer: only the message and a long AI suggestion can scroll. */
body:has(.mail-composer-dialog[open]){overflow:hidden}
.mail-dialog.mail-composer-dialog{box-sizing:border-box;width:min(1440px,calc(100vw - 32px));height:min(820px,calc(100dvh - 28px));max-height:calc(100dvh - 28px);overflow:hidden;margin:auto;display:none}
.mail-dialog.mail-composer-dialog[open]{display:grid;grid-template-rows:66px minmax(0,1fr)}
.mail-composer-dialog header{padding:10px 20px;position:relative}.mail-composer-dialog h2{font-size:21px}.mail-composer-dialog .mail-content{min-height:0;padding:0;overflow:hidden}
.mail-compose{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto auto;margin:0!important;padding:0;gap:0;min-height:0}
.mail-compose .mail-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;padding:14px 20px;margin:0;border-bottom:1px solid #dce5f0;background:#fbfcfe}
.mail-compose .mail-fields label{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:6px;font-size:12px;color:#6b829d;min-width:0}
.mail-compose .mail-fields input,.mail-compose .mail-fields select{height:34px;min-height:34px;font-size:12px;padding:6px 9px;color:#0b1a3a}
.mail-compose-workspace{min-height:0;display:grid;grid-template-columns:minmax(0,1fr);position:relative;overflow:hidden}
.mail-ai-open .mail-compose-workspace{grid-template-columns:minmax(0,1fr) 340px}
.mail-writing{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0}
.mail-tools{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:7px 12px;background:#f2f6fb;border-bottom:1px solid #d5e0ed;min-width:0}
.mail-tool-group{display:flex;align-items:center;gap:2px;padding-right:6px;border-right:1px solid #cfdcea;min-height:29px}
.mail-dialog.mail-dialog .mail-tools button{display:grid;place-items:center;width:28px;height:29px;min-height:0;padding:4px;border:1px solid transparent!important;background:transparent!important;box-shadow:none!important;border-radius:0;color:#294966!important}
.mail-tools svg{width:16px;height:16px;stroke-width:1.7}
.mail-dialog.mail-dialog .mail-tools button:hover,.mail-dialog.mail-dialog .mail-tools button.is-active{background:#dce8fa!important;border-color:#b8cbea!important;color:#174da6!important}
.mail-dialog .mail-tools select{width:105px;min-height:29px;height:29px;padding:3px 5px;font-size:11px;background:white}
.mail-dialog .mail-tools select[data-size]{width:49px}
.mail-dialog.mail-dialog .mail-tools button.mail-ai-button{width:auto;display:flex;align-items:center;gap:6px;margin-left:auto;padding:5px 9px;background:#0b1a3a!important;border-color:#0b1a3a!important;color:#fff!important;font-size:11px;white-space:nowrap}
.mail-dialog.mail-dialog .mail-tools button.mail-ai-button[aria-expanded=true]{background:#0057ff!important;border-color:#0057ff!important}
.mail-color{display:grid!important;grid-template-rows:17px 4px;gap:0;align-content:center;justify-items:center;width:27px;height:29px;position:relative;cursor:pointer;margin:0!important;padding:0!important;font-size:14px!important;font-weight:600!important;color:#294966}
.mail-color input[type=color]{width:21px;height:5px;min-height:0;padding:0;border:0;position:absolute;bottom:3px;cursor:pointer}.mail-color input::-webkit-color-swatch-wrapper{padding:0}.mail-color input::-webkit-color-swatch{border:0}.mail-highlight span{background:#fff176;padding:0 3px;font-size:12px;line-height:17px}
.mail-editor{min-height:0;max-height:none;height:auto;overflow:auto;overscroll-behavior:contain;padding:22px 24px;border:0;background:#fff;color:#0b1a3a;font-size:13px;line-height:1.65;outline:0;overflow-wrap:anywhere}
.mail-editor:empty:before{content:attr(data-placeholder);color:#91a1b5;pointer-events:none}.mail-editor p{margin:0 0 12px}.mail-editor:focus{box-shadow:inset 0 0 0 1px #a4bfe7}
.mail-compose>.mail-files{margin:0;padding:4px 20px;max-height:56px;overflow:auto;flex-wrap:nowrap}.mail-compose>.mail-files:empty{padding:0}
.mail-compose>[data-feedback]{padding:5px 20px;margin:0;min-height:24px;max-height:40px;overflow:auto;box-sizing:border-box;background:#fff}
.mail-composer-dialog .mail-compose footer{position:static;padding:10px 20px;margin:0;gap:8px;flex-wrap:nowrap;min-height:56px;box-sizing:border-box}
.mail-composer-dialog footer button,.mail-composer-dialog footer .mail-attach{height:34px;min-height:34px;padding:7px 11px!important;box-sizing:border-box}
.mail-dialog.mail-dialog footer button[data-discard]{border-color:transparent!important;color:#7a8ca3!important;background:transparent!important}
.mail-ai{min-height:0;background:#f3f7fc;border-left:1px solid #d5e0ed;padding:16px;display:flex;flex-direction:column;gap:10px;overflow:hidden;font-size:12px}
.mail-ai[hidden]{display:none!important}.mail-ai-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.mail-ai h3{display:flex;gap:8px;align-items:center;font-size:14px;margin:0;color:#0b1a3a}.mail-ai h3 svg{width:18px;height:18px}.mail-dialog.mail-dialog .mail-ai-heading button{border:0!important;background:transparent!important;font-size:21px;line-height:22px;padding:0 4px;min-height:24px}
.mail-ai>p{font-size:11px;line-height:1.55;color:#7286a1;margin:0}.mail-ai label{font-size:11px;gap:5px}.mail-ai textarea{min-height:65px;height:72px;max-height:100px;resize:none;font-size:12px}.mail-ai select{min-height:32px;height:32px;padding:5px 8px;font-size:12px}
.mail-dialog.mail-dialog .mail-ai [data-generate],.mail-dialog.mail-dialog .mail-ai [data-apply]{background:#0b1a3a!important;border-color:#0b1a3a!important;color:#fff!important;padding:8px;font-size:12px;flex-shrink:0}
.mail-ai [data-suggestion]{display:flex;flex-direction:column;gap:7px;min-height:0;flex:1;overflow:hidden;border-top:1px solid #cfdded;padding-top:10px}.mail-ai [data-suggestion][hidden]{display:none}.mail-ai [data-ai-subject]{font-size:12px;line-height:1.4;flex-shrink:0}.mail-ai [data-ai-body]{font-size:12px;padding:6px 0;overflow:auto;min-height:30px;flex:1}.mail-ai [data-ai-feedback]{font-size:10px;line-height:1.4;margin:0;flex-shrink:0}
@media(max-width:1000px){.mail-ai-open .mail-compose-workspace{grid-template-columns:minmax(0,1fr) 300px}.mail-tools{gap:3px;padding:5px 8px}.mail-tool-group{padding-right:3px}.mail-compose .mail-fields{gap:7px 14px;padding:10px 16px}.mail-composer-dialog .mail-compose footer{padding:8px 12px}}
@media(max-width:760px){.mail-dialog.mail-composer-dialog{width:calc(100vw - 12px);height:calc(100dvh - 12px);max-height:calc(100dvh - 12px)}.mail-dialog.mail-composer-dialog[open]{grid-template-rows:56px minmax(0,1fr)}.mail-composer-dialog h2{font-size:18px}.mail-compose .mail-fields{gap:6px;padding:8px}.mail-compose .mail-fields label{grid-template-columns:40px minmax(0,1fr);font-size:11px}.mail-compose .mail-fields input,.mail-compose .mail-fields select{height:31px;min-height:31px;font-size:11px}.mail-ai-open .mail-compose-workspace{grid-template-columns:minmax(0,1fr)}.mail-ai-open .mail-ai{position:absolute;right:0;top:0;bottom:0;width:min(340px,90%);z-index:2;box-shadow:-8px 0 30px #0b1a3a20}.mail-composer-dialog footer [data-discard],.mail-composer-dialog footer [data-save-template]{font-size:10px;padding:5px!important}.mail-composer-dialog footer button,.mail-composer-dialog footer .mail-attach{font-size:10px;gap:4px;padding:5px 7px!important}.mail-composer-dialog .mail-compose footer{gap:4px}.mail-editor{padding:16px}.mail-fields{grid-template-columns:1fr}.mail-content{padding:16px}}
@media(max-height:650px){.mail-composer-dialog .mail-fields{padding-top:8px;padding-bottom:8px}.mail-composer-dialog .mail-editor{padding-top:14px}.mail-ai{padding:12px;gap:7px}.mail-ai>p{font-size:10px}.mail-ai textarea{min-height:48px;height:48px}.mail-ai label{gap:3px}}

.mail-ai.has-suggestion>label,.mail-ai.has-suggestion>p:not([data-ai-feedback]){display:none}.mail-ai-actions{display:flex;gap:6px;flex-shrink:0}.mail-ai-actions button{flex:1;white-space:nowrap}.mail-ai-actions button[hidden]{display:none!important}.mail-ai.has-suggestion [data-suggestion]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:7px}.mail-ai.has-suggestion [data-ai-body]{min-height:0;margin:0}.mail-ai.has-suggestion [data-ai-subject]{max-height:36px;overflow:hidden}.mail-ai [data-apply]{min-height:32px}.mail-ai-actions [data-edit-goal]{font-size:11px;padding:7px}