.cs-shared-templates{--template-accent:#7040da;--template-border:#e4def0;display:flex;flex-direction:column;gap:14px;min-width:0;color:#302c40;background:#fff;padding:18px;border-radius:16px}.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}.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 button:focus-visible,.cs-shared-templates input:focus-visible,.cs-shared-templates select:focus-visible,.cs-shared-templates textarea:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.cs-shared-template-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between}.cs-shared-template-toolbar strong{font-size:16px}.cs-shared-template-toolbar small{display:block;color:#787184;margin-top:5px}.cs-shared-template-toolbar-actions,.cs-shared-template-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cs-shared-template-filters input{flex:1;min-width:180px}.cs-shared-templates input,.cs-shared-templates select,.cs-shared-templates textarea{border:1px solid var(--template-border);border-radius:8px;background:#fbfaff;color:#302c40;padding:9px 11px;min-width:0}.cs-shared-template-layout{display:grid;grid-template-columns:minmax(190px,28%) minmax(0,1fr);gap:20px;min-height:420px}.cs-shared-template-layout>nav{display:flex;flex-direction:column;gap:7px;max-height:65vh;overflow:auto;padding-right:4px}.cs-shared-template-layout>nav button{text-align:left;padding:11px;flex-shrink:0}.cs-shared-template-layout>nav button.active{border-color:var(--template-accent);background:#f3edff}.cs-shared-template-layout>nav strong,.cs-shared-template-layout>nav span,.cs-shared-template-layout>nav small{display:block;overflow-wrap:anywhere}.cs-shared-template-layout>nav span{font-size:12px;color:#706979;margin-top:5px}.cs-shared-template-layout>nav small{font-size:11px;color:#8a8099;margin-top:7px}.cs-shared-template-editor{display:flex;flex-direction:column;gap:12px;min-width:0}.cs-shared-template-editor label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#675c77}.cs-shared-template-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cs-shared-template-body{flex:1}.cs-shared-template-body textarea{width:100%;min-height:200px;resize:vertical;line-height:1.65;flex:1}.cs-shared-template-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding-top:8px;border-top:1px solid #eee9f5}.cs-shared-template-actions>span{flex:1;font-size:12px;color:#76618e;min-width:100px}.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{border-radius:18px!important;overflow:hidden}.cs-compose-template-modal .cs-focus-modal-content,.cs-reply-template-modal .cs-focus-modal-content{overflow:auto}.cs-email-template-library .cs-shared-templates{padding:0}@media(max-width:760px){.cs-shared-template-toolbar{align-items:flex-start;flex-direction:column}.cs-shared-template-layout{grid-template-columns:1fr}.cs-shared-template-layout>nav{max-height:180px}.cs-shared-template-fields{grid-template-columns:1fr}.cs-shared-template-body textarea{min-height:220px}}

.cs-shared-templates .cs-shared-template-toolbar{background:transparent;border:0;padding:0}.cs-compose-template-modal>header,.cs-reply-template-modal>header{background:#faf8ff;border-color:#ece6f6}.cs-shared-templates .cs-shared-template-toolbar strong{color:#49385e}