.client-communication-templates{background:#faf5ff;box-sizing:border-box;color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;max-width:100%;overflow-x:hidden;width:100%}.client-communication-templates *,.client-communication-templates :after,.client-communication-templates :before{box-sizing:border-box;margin:0;padding:0}.client-communication-templates .tool-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1rem 2rem}.client-communication-templates .logo{align-items:center;display:flex;gap:.75rem}.client-communication-templates .logo-icon{align-items:center;background:linear-gradient(135deg,#a855f7,#9333ea);border-radius:12px;display:flex;font-size:1.4rem;height:44px;justify-content:center;width:44px}.client-communication-templates .logo h2{font-size:1.2rem;font-weight:700}.client-communication-templates .logo h2 span{color:#a855f7}.client-communication-templates .container{box-sizing:border-box;margin:0 auto;max-width:100%;padding:2rem;width:100%}.client-communication-templates .category-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.client-communication-templates .category-tab{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:25px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.4rem;min-height:44px;padding:.6rem 1.25rem;transition:all .2s}.client-communication-templates .category-tab:hover{border-color:#a855f7;color:#a855f7}.client-communication-templates .category-tab.active{background:linear-gradient(135deg,#a855f7,#9333ea);border-color:transparent;color:#fff}.client-communication-templates .main-layout{display:grid;gap:2rem;grid-template-columns:350px 1fr}.client-communication-templates .template-list{background:#fff;border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.06);overflow:hidden}.client-communication-templates .template-list-header{border-bottom:1px solid #f1f5f9;font-weight:600;padding:1rem 1.25rem}.client-communication-templates .template-items{max-height:600px;overflow-y:auto}.client-communication-templates .template-item{border-bottom:1px solid #f1f5f9;cursor:pointer;padding:1rem 1.25rem;transition:all .2s}.client-communication-templates .template-item:hover{background:#faf5ff}.client-communication-templates .template-item.active{background:#f3e8ff;border-left:3px solid #a855f7}.client-communication-templates .template-item-title{font-size:.95rem;font-weight:600;margin-bottom:.25rem}.client-communication-templates .template-item-preview{color:#64748b;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-communication-templates .template-item-meta{display:flex;font-size:.75rem;gap:.75rem;margin-top:.5rem}.client-communication-templates .template-tag{background:#f1f5f9;border-radius:4px;color:#64748b;padding:.15rem .5rem}.client-communication-templates .editor-panel{background:#fff;border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.06);overflow:hidden}.client-communication-templates .editor-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.client-communication-templates .editor-header h3{font-size:1.1rem}.client-communication-templates .editor-body{padding:1.5rem}.client-communication-templates .variables-section{background:#f8fafc;border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.client-communication-templates .variables-section h4{color:#64748b;font-size:.85rem;letter-spacing:.5px;margin-bottom:1rem;text-transform:uppercase}.client-communication-templates .variables-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.client-communication-templates .var-input{display:flex;flex-direction:column;gap:.3rem}.client-communication-templates .var-input label{color:#64748b;font-size:.8rem;font-weight:500}.client-communication-templates .var-input input{border:2px solid #e2e8f0;border-radius:8px;font-size:.9rem;padding:.5rem .75rem}.client-communication-templates .var-input input:focus{border-color:#a855f7;outline:none}.client-communication-templates .template-content{margin-bottom:1.5rem}.client-communication-templates .template-subject{color:#64748b;font-size:.85rem;font-weight:600;margin-bottom:.5rem}.client-communication-templates .subject-preview{background:#f8fafc;border-radius:8px;font-weight:500;margin-bottom:1rem;padding:.75rem 1rem}.client-communication-templates .message-preview{background:#fff;border:2px solid #e2e8f0;border-radius:12px;font-size:.95rem;line-height:1.7;min-height:300px;padding:1.25rem;white-space:pre-wrap}.client-communication-templates .action-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.client-communication-templates .btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;min-height:44px;padding:.65rem 1.25rem;transition:all .2s}.client-communication-templates .btn-primary{background:linear-gradient(135deg,#a855f7,#9333ea);color:#fff}.client-communication-templates .btn-primary:hover{box-shadow:0 4px 15px rgba(168,85,247,.35);transform:translateY(-2px)}.client-communication-templates .btn-outline{background:#fff;border:2px solid #e2e8f0;color:#475569}.client-communication-templates .btn-outline:hover{border-color:#a855f7;color:#a855f7}.client-communication-templates .toast{align-items:center;animation:slideIn .3s ease;background:#1e293b;border-radius:10px;bottom:2rem;color:#fff;display:none;gap:.75rem;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1000}.client-communication-templates .toast.show{display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.client-communication-templates .main-layout{grid-template-columns:1fr}.client-communication-templates .template-items{max-height:300px}}@media (max-width:768px){.client-communication-templates,.client-communication-templates .container{box-sizing:border-box!important;max-width:100%!important;width:100%!important}.client-communication-templates{overflow-x:hidden}.client-communication-templates .container{padding:.5rem}.client-communication-templates .category-tabs{gap:.35rem}.client-communication-templates .category-tab{font-size:.8rem;padding:.5rem .75rem}.client-communication-templates .variables-grid{grid-template-columns:1fr}}@media print{.client-communication-templates .action-buttons,.client-communication-templates .category-tabs,.client-communication-templates .template-list,.client-communication-templates .tool-header,.client-communication-templates .variables-section{display:none!important}.client-communication-templates .main-layout{grid-template-columns:1fr}.client-communication-templates .editor-panel{box-shadow:none}}