/* Searchable composer picker, visually aligned with the other message fields. */
.mail-compose .mail-template-picker{position:relative;min-width:0;line-height:normal}
.mail-dialog.mail-dialog .mail-template-picker [data-template-trigger]{display:flex;align-items:center;justify-content:space-between;gap:8px;height:34px;min-height:34px;width:100%;padding:6px 9px;font-size:12px;text-align:left}
.mail-template-picker [data-template-trigger]>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mail-template-picker i{width:13px;height:13px;flex-shrink:0;background:#66809e;mask:url('/static/menu-chevron.svg?v=199') center/contain no-repeat;-webkit-mask:url('/static/menu-chevron.svg?v=199') center/contain no-repeat}
.mail-template-options{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:30;box-shadow:0 10px 28px #10243c25;background:#fff;border:1px solid #a8bfdc;padding:7px}.mail-template-options[hidden]{display:none!important}
.mail-dialog .mail-template-options input{height:33px;min-height:33px;font-size:12px;margin-bottom:6px}.mail-template-options [role=listbox]{max-height:210px;overflow:auto}
.mail-dialog.mail-dialog .mail-template-options button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;border:0!important;padding:10px;min-height:36px;font-size:12px;background:white!important}
.mail-dialog.mail-dialog .mail-template-options button:hover,.mail-dialog.mail-dialog .mail-template-options button[aria-selected=true]{background:#eaf1fc!important;color:#194e9e!important}.mail-template-options small{font-size:10px;color:#7c8da2;white-space:nowrap}.mail-template-options p{font-size:12px;color:#7c8da2;padding:12px;line-height:1.6}
.mail-template-page .mail-template-filters{display:grid;grid-template-columns:1.1fr .6fr 1.2fr .9fr .7fr;gap:12px;padding-bottom:20px;border-bottom:1px solid #dce5f0}.mail-template-filters label{display:grid;gap:7px;margin:0;color:#7186a0;font-size:12px}
.mail-template-page input,.mail-template-page select{width:100%;min-height:36px;font-size:12px}.mail-template-table-wrap{overflow:auto}.mail-template-page .mail-table td{font-size:12px;vertical-align:middle;line-height:1.6}.mail-template-page .mail-table th{font-size:11px;white-space:nowrap}.mail-template-page .mail-table td:first-child{min-width:170px}.mail-template-page .mail-table td:nth-child(3){max-width:310px;overflow-wrap:anywhere}.mail-template-scope{display:block;font-size:10px;color:#8a9aaf;margin-top:3px}.mail-template-version{display:inline-block;padding:2px 7px;background:#edf4fc;color:#37618e;font-size:10px}
.mail-template-row-actions{display:flex;gap:5px;white-space:nowrap}.mail-template-row-actions button,.mail-template-page .mail-pagination button{padding:6px 9px!important;font-size:11px!important;color:#254666!important;background:white!important;border:1px solid #cedbeb!important;border-radius:0!important;min-height:30px!important;box-shadow:none!important}
.mail-template-page .mail-template-switch{position:relative;display:block;width:35px;min-width:35px;height:20px;min-height:20px;padding:2px!important;border-radius:12px!important;background:#b0bdcb!important;border:0!important;box-shadow:none!important}.mail-template-switch span{display:block;background:white;width:16px;height:16px;border-radius:50%;transform:translateX(0);transition:transform .15s}.mail-template-page .mail-template-switch.is-on{background:#187e70!important}.mail-template-switch.is-on span{transform:translateX(15px)}.mail-template-switch:disabled{opacity:.5}
.mail-template-page .mail-pagination label{display:flex;gap:8px;align-items:center;margin-right:auto;white-space:nowrap}.mail-template-page .mail-pagination select{width:70px;font-size:12px}
.mail-template-dialog .mail-template-content{padding:20px}.mail-template-dialog iframe{display:block;width:100%;height:55dvh;border:1px solid #d5e0ed;background:white}.mail-template-dialog .mail-template-content>p{font-size:12px;color:#7186a0;line-height:1.6}
.mail-dialog.mail-template-edit{width:min(1420px,calc(100vw - 32px));height:min(850px,calc(100dvh - 28px));max-height:calc(100dvh - 28px);padding:0;overflow:hidden;box-sizing:border-box}.mail-dialog.mail-template-edit[open]{display:grid;grid-template-rows:66px minmax(0,1fr)}.mail-template-edit header{padding:10px 20px}.mail-template-edit .mail-template-content{padding:0;min-height:0;overflow:hidden}
.mail-template-edit-form{height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto auto;min-height:0;margin:0!important}.mail-template-edit-grid{display:grid;grid-template-columns:minmax(0,1fr) 265px;min-height:0;overflow:hidden}.mail-template-main{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;min-height:0;min-width:0;overflow:hidden}.mail-template-main .mail-editor{font-size:13px;padding:18px 22px}.mail-template-main>.mail-files{margin:0;padding:5px 20px;max-height:40px;overflow:auto}.mail-template-main>.mail-files:empty{display:none}
.mail-template-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(130px,.7fr);gap:8px 14px;padding:12px 20px;background:#fbfcfe;border-bottom:1px solid #dce5f0}.mail-template-fields>label{display:grid;gap:5px;margin:0!important;color:#6b829d;font-size:11px;min-width:0}.mail-template-fields input,.mail-template-fields select{font-size:12px;min-height:32px;height:32px;padding:6px 8px}.mail-template-fields .template-name{grid-column:span 2}.mail-template-fields .template-subject{grid-column:span 3}.mail-template-fields .template-active{display:flex;align-items:center;gap:8px;align-self:end;height:32px;color:#294969}.mail-template-fields input[type=checkbox]{min-height:15px;width:15px;height:15px;flex-shrink:0;padding:0}
.template-pipeline-picker{position:relative;min-width:0}.template-pipeline-picker>summary{font-size:12px;list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:7px 9px;border:1px solid #cbd9e9;background:white;min-height:32px;box-sizing:border-box;color:#294969}.template-pipeline-picker>summary:after{content:'';width:13px;height:13px;background:#7186a0;mask:url('/static/menu-chevron.svg?v=199') center/contain no-repeat;-webkit-mask:url('/static/menu-chevron.svg?v=199') center/contain no-repeat}.template-pipeline-picker>summary::-webkit-details-marker{display:none}.template-pipeline-picker>div{position:absolute;top:100%;left:0;right:0;min-width:230px;max-height:170px;overflow:auto;background:white;box-shadow:0 8px 20px #0b1a3a20;border:1px solid #cbd9e9;padding:10px;z-index:31}.template-pipeline-picker p{font-size:10px;color:#7b8fa9;margin:0 0 8px;line-height:1.6}.template-pipeline-picker label{display:flex;gap:8px;align-items:center;font-size:12px;padding:7px 0;margin:0}
.mail-template-variables{border-left:1px solid #dce5f0;background:#f3f7fc;padding:16px;min-height:0;overflow:auto}.mail-template-variables h3{font-size:15px;margin:0 0 8px}.mail-template-variables>p{font-size:11px;line-height:1.6;color:#7a8da7;margin:0 0 12px}.template-variable-target{display:flex;gap:5px;margin-bottom:14px}.mail-dialog.mail-dialog .template-variable-target button{flex:1;font-size:10px;padding:7px 5px}.mail-dialog.mail-dialog .template-variable-target button.is-active{background:#0b1a3a!important;color:white!important;border-color:#0b1a3a!important}
.mail-template-variables details{border-top:1px solid #d6e1ee}.mail-template-variables summary{font-size:12px;padding:12px 0;cursor:pointer;color:#294969}.mail-dialog.mail-dialog .mail-template-variables [data-token]{width:100%;text-align:left;display:grid;gap:3px;border:0!important;border-left:2px solid transparent!important;background:transparent!important;padding:8px;font-size:11px;line-height:1.5;min-height:0}.mail-dialog.mail-dialog .mail-template-variables [data-token]:hover{background:#e4edf9!important;border-left-color:#0057ff!important}.mail-template-variables [data-token] small{font:10px monospace;color:#748ca9;overflow-wrap:anywhere}
.mail-template-edit-form>[data-template-feedback]{margin:0;padding:5px 20px;min-height:22px;max-height:36px;overflow:auto;font-size:11px;line-height:1.5;color:#6e849e}.mail-template-edit-form>footer{margin:0;padding:10px 20px;min-height:56px;box-sizing:border-box;flex-wrap:nowrap}.mail-template-edit-form footer button{font-size:12px}.mail-template-edit-form footer [type=submit]{margin-left:auto}
@media(max-width:1050px){.mail-template-filters{grid-template-columns:1fr 1fr!important}.mail-template-edit-grid{grid-template-columns:minmax(0,1fr) 230px}.mail-template-fields{gap:6px 10px;padding:10px 14px}.mail-template-variables{padding:12px}.mail-template-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mail-template-fields .template-name{grid-column:auto}.mail-template-fields .template-subject{grid-column:span 2}}
@media(max-width:700px){.mail-template-edit-grid{grid-template-columns:minmax(0,1fr) 170px}.mail-template-variables{padding:9px}.mail-template-fields{padding:8px;gap:5px}.mail-template-fields .template-active{font-size:10px}.mail-template-edit-form>footer{padding:8px}.mail-template-edit-form footer button{padding:7px!important;font-size:10px}.mail-template-edit-form .mail-attach{font-size:10px}.mail-template-edit-form footer>span{display:none}.mail-template-page .mail-pagination{flex-wrap:wrap}.mail-template-main .mail-editor{padding:14px}.mail-template-edit h2{font-size:18px}}

.mail-dialog.mail-template-edit .mail-template-edit-form footer button.primary,.mail-template-page~button.primary{background:#0b1a3a!important;border-color:#0b1a3a!important;color:#fff!important}.template-pipeline-picker>summary{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

.mail-template-token{display:inline-block;padding:1px 6px;background:#e6effd;border:1px solid #c8daf6;color:#245798;font-size:10px;white-space:nowrap;margin:1px 0}#crmMain:has(.mail-template-page)>.crm-heading button.primary{background:#0b1a3a!important;border-color:#0b1a3a!important;color:#fff!important}