.cs-shared-templates{--template-accent:#7040da;--template-border:#e5e2ed;display:flex;flex-direction:column;gap:16px;min-width:0;min-height:0;color:#302c40;background:#fff;padding:20px;border-radius:16px;font-size:13px}.cs-shared-templates *{box-sizing:border-box}.cs-shared-templates button,.cs-shared-templates input,.cs-shared-templates select,.cs-shared-templates textarea{font:inherit}.cs-shared-templates button{border:1px solid var(--template-border);background:#fff;border-radius:8px;padding:8px 12px;color:#49385e;cursor:pointer;line-height:1.4}.cs-shared-templates button:hover:not(:disabled){border-color:var(--template-accent);background:#f8f5ff}.cs-shared-templates button:disabled{opacity:.5;cursor:default}.cs-shared-templates :is(button,input,select,textarea,summary):focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.cs-shared-templates input,.cs-shared-templates select,.cs-shared-templates textarea{border:1px solid var(--template-border);border-radius:8px;background:#fff;color:#302c40;padding:9px 11px;min-width:0;width:100%;line-height:1.4}.cs-shared-templates label{font-size:12px;color:#736b80}.cs-shared-template-toolbar{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-shrink:0}.cs-shared-template-toolbar strong{font-size:16px;color:#332d42}.cs-shared-template-toolbar small{display:block;color:#89818f;margin-top:5px;font-size:12px}.cs-shared-template-toolbar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.cs-shared-template-toolbar-actions>span{font-size:12px;color:#89818f;margin-right:4px}.cs-template-more{position:relative}.cs-template-more>summary{list-style:none;cursor:pointer;padding:8px 12px;border:1px solid var(--template-border);border-radius:8px;white-space:nowrap}.cs-template-more>summary::-webkit-details-marker{display:none}.cs-template-more>summary:after{content:'⌄';margin-left:8px}.cs-template-more>div{position:absolute;right:0;top:calc(100% + 6px);display:grid;gap:4px;padding:6px;min-width:190px;border:1px solid var(--template-border);border-radius:10px;background:white;box-shadow:0 8px 24px #302c401a;z-index:10}.cs-template-more>div>button{border:0;text-align:left;white-space:nowrap}.cs-shared-template-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0;min-height:0;flex:1;border-top:1px solid #eeeaf2;padding-top:18px}.cs-shared-template-sidebar{min-height:0;display:flex;flex-direction:column;gap:12px;padding-right:18px;border-right:1px solid #eeeaf2;min-width:0}.cs-shared-template-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cs-shared-template-filters>input{grid-column:1/-1}.cs-shared-template-filters input,.cs-shared-template-filters select{background:#faf9fc;font-size:12px}.cs-shared-template-sidebar>nav{display:flex;flex-direction:column;gap:5px;overflow:auto;flex:1;min-height:100px;padding:2px 3px 4px 0}.cs-shared-template-sidebar>nav button{text-align:left;padding:12px 10px;border-color:transparent;flex-shrink:0;background:transparent;border-radius:8px}.cs-shared-template-sidebar>nav button.active{border-color:#d8c7fa;background:#f5f0ff;box-shadow:inset 3px 0 var(--template-accent)}.cs-shared-template-sidebar>nav strong,.cs-shared-template-sidebar>nav span,.cs-shared-template-sidebar>nav small{display:block;overflow-wrap:anywhere}.cs-shared-template-sidebar>nav strong{font-size:13px;line-height:1.5;color:#44364f}.cs-shared-template-sidebar>nav span{font-size:12px;color:#827889;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-shared-template-sidebar>nav small{font-size:11px;line-height:1.6;color:#968b9e;margin-top:7px}.cs-template-publishers{border-top:1px solid #eeeaf2;padding-top:12px;flex-shrink:0;font-size:12px}.cs-template-publishers summary{cursor:pointer;color:#82758c}.cs-template-publishers label{display:grid;gap:6px;margin:12px 0 8px}.cs-shared-template-editor{display:flex;flex-direction:column;min-width:0;min-height:0;padding-left:22px}.cs-shared-template-form{display:flex;flex-direction:column;gap:16px;min-height:0;overflow:auto;padding:2px 8px 16px 2px;flex:1}.cs-shared-template-editor label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#736b80}.cs-shared-template-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cs-shared-template-form>p[role=status]{margin:0;border-left:2px solid #ccb8f1;padding:8px 10px;background:#faf8fe;color:#887a96;font-size:12px;line-height:1.6}.cs-shared-template-body textarea{width:100%;min-height:240px;resize:vertical;line-height:1.8}.cs-shared-template-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;flex-shrink:0;padding-top:14px;border-top:1px solid #eeeaf2;background:white}.cs-shared-template-actions>span{flex:1;font-size:12px;color:#8b7b99;min-width:80px}.cs-shared-template-actions:not(:has(.cs-primary-button))>button:first-of-type,.cs-shared-templates button.cs-primary-button{background:var(--template-accent);border-color:var(--template-accent);color:#fff}.cs-shared-template-error{background:#fff3f5;border-radius:8px;padding:10px;color:#b52543;display:flex;justify-content:space-between;align-items:center;gap:10px}.cs-compose-template-modal,.cs-reply-template-modal{width:min(1120px,calc(100vw - 48px))!important;height:min(86vh,850px);max-height:calc(100vh - 40px)!important;border-radius:18px!important;overflow:hidden}.cs-compose-template-modal .cs-focus-modal-content,.cs-reply-template-modal .cs-focus-modal-content{display:flex;flex-direction:column;overflow:hidden!important;min-height:0;padding:18px!important}.cs-compose-template-modal .cs-shared-templates,.cs-reply-template-modal .cs-shared-templates{height:100%;padding:4px;overflow:hidden}.cs-compose-template-modal>header,.cs-reply-template-modal>header{background:#faf8ff;border-color:#ece6f6}.cs-shared-templates .cs-shared-template-toolbar{background:transparent;border:0;padding:0}.cs-email-template-library .cs-shared-templates{padding:0;min-height:640px}.cs-email-template-library .cs-shared-template-sidebar>nav{max-height:650px}.cs-email-template-library .cs-shared-template-form{max-height:700px}.cs-mail-read-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:4px 0 10px;font-size:12px}.cs-mail-read-controls>select,.cs-mail-read-controls>button{min-height:32px;border:1px solid #e2d8f2;border-radius:7px;padding:5px 10px;background:#fff;color:#574569}.cs-mail-read-controls label{display:flex;gap:5px;align-items:center;white-space:nowrap}.cs-mail-read-controls [role=status],.cs-mail-read-controls [role=alert]{font-size:12px;flex-basis:100%}.cs-mail-read-controls [role=alert]{color:#b52543}@media(max-width:900px){.cs-shared-template-layout{grid-template-columns:210px minmax(0,1fr)}.cs-shared-template-sidebar{padding-right:14px}.cs-shared-template-editor{padding-left:16px}.cs-shared-template-fields{gap:10px}.cs-shared-template-toolbar small{max-width:250px}.cs-shared-template-toolbar-actions>span{display:none}}@media(max-width:640px){.cs-compose-template-modal,.cs-reply-template-modal{width:calc(100vw - 20px)!important;height:calc(100dvh - 24px);max-height:none!important}.cs-compose-template-modal .cs-focus-modal-content,.cs-reply-template-modal .cs-focus-modal-content{padding:12px!important}.cs-shared-template-toolbar small{display:none}.cs-shared-template-toolbar-actions{gap:5px}.cs-shared-template-layout{grid-template-columns:1fr;grid-template-rows:180px minmax(0,1fr);gap:14px;padding-top:12px}.cs-shared-template-sidebar{border-right:0;border-bottom:1px solid #eeeaf2;padding-right:0;padding-bottom:10px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.cs-shared-template-filters{align-content:start}.cs-shared-template-sidebar>nav{min-height:0}.cs-template-publishers{grid-column:1/-1}.cs-shared-template-editor{padding-left:0}.cs-shared-template-fields{grid-template-columns:1fr}.cs-shared-template-body textarea{min-height:200px}.cs-shared-template-actions>span{flex-basis:100%}.cs-shared-template-actions{padding-top:10px}.cs-email-template-library .cs-shared-templates{min-height:900px}}

.cs-template-options{border-top:1px solid #eeeaf2;padding-top:12px}.cs-template-options>summary{color:#756581;cursor:pointer;font-size:12px}.cs-template-options-content{display:flex;flex-direction:column;gap:16px;padding-top:16px}.cs-shared-template-body textarea{min-height:260px}