.tpl-crm-overlay{position:fixed;inset:0;background:#0006;z-index:10000;display:flex;align-items:center;justify-content:center;padding:8px}.tpl-crm-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;width:100%;max-width:400px;max-height:calc(100vh - 16px);display:flex;flex-direction:column;overflow:hidden;animation:tpl-crm-slide-up .2s ease-out}@keyframes tpl-crm-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tpl-crm-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #f1f5f9;flex-shrink:0}.tpl-crm-back{background:none;border:none;color:#64748b;font-size:14px;cursor:pointer;padding:2px 4px;line-height:1;transition:color .15s;flex-shrink:0}.tpl-crm-back:hover{color:#0369a1}.tpl-crm-title{font-size:14px;font-weight:600;color:#1e293b;flex:1}.tpl-crm-close{background:none;border:none;color:#94a3b8;font-size:14px;cursor:pointer;padding:2px 4px;line-height:1;transition:color .15s;flex-shrink:0}.tpl-crm-close:hover{color:#dc3545}.tpl-crm-search-wrap{padding:8px 12px;border-bottom:1px solid #f1f5f9;flex-shrink:0}.tpl-crm-search{width:100%;padding:7px 10px 7px 30px;border:1px solid #e2e8f0;border-radius:8px;font-size:12px;color:#1e293b;background:#f8fafc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") 10px center no-repeat;outline:none;transition:border-color .15s,box-shadow .15s}.tpl-crm-search:focus{border-color:#93c5fd;box-shadow:0 0 0 2px #3b82f61a}.tpl-crm-search::placeholder{color:#94a3b8}.tpl-crm-list{flex:1;overflow-y:auto;padding:4px 0}.tpl-crm-empty{padding:24px 16px;text-align:center;color:#94a3b8;font-size:13px}.tpl-crm-item{display:flex;align-items:flex-start;gap:10px;padding:10px 16px;cursor:pointer;transition:background .1s;border-bottom:1px solid #f8fafc}.tpl-crm-item:hover{background:#f0f9ff}.tpl-crm-item:last-child{border-bottom:none}.tpl-crm-item-icon{width:32px;height:32px;border-radius:8px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#64748b;font-size:13px}.tpl-crm-item-icon.has-media{background:#dbeafe;color:#2563eb}.tpl-crm-item-icon.has-carousel{background:#ede9fe;color:#7c3aed}.tpl-crm-item-info{flex:1;min-width:0}.tpl-crm-item-name{font-size:13px;font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tpl-crm-item-preview{font-size:11px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;line-height:1.3}.tpl-crm-item-lang{font-size:10px;color:#94a3b8;flex-shrink:0;padding-top:2px;font-family:monospace}.tpl-crm-configure{flex:1;display:flex;flex-direction:column;overflow:hidden}.tpl-crm-preview-area{padding:12px 16px;background:#e5ddd5;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ccc5ba' fill-opacity='0.15'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");flex-shrink:0;max-height:45%;overflow-y:auto}.tpl-crm-bubble{background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000001a;max-width:300px;overflow:hidden}.tpl-crm-bubble-media{width:100%;min-height:80px;background:#e2e8f0;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:28px;position:relative;overflow:hidden}.tpl-crm-bubble-media img{width:100%;height:auto;max-height:160px;object-fit:cover;display:block}.tpl-crm-bubble-media-icon{display:flex;flex-direction:column;align-items:center;gap:4px;color:#94a3b8}.tpl-crm-bubble-media-icon span{font-size:10px;text-transform:uppercase;letter-spacing:.5px}.tpl-crm-bubble-header-text{padding:8px 10px 0;font-size:13px;font-weight:600;color:#1e293b;line-height:1.35}.tpl-crm-bubble-body{padding:6px 10px;font-size:12.5px;color:#1e293b;line-height:1.45;white-space:pre-wrap;word-wrap:break-word}.tpl-crm-bubble-footer{padding:0 10px 6px;font-size:11px;color:#8696a0;line-height:1.3}.tpl-crm-var{background:#fef3c7;color:#92400e;border-radius:3px;padding:0 3px;font-weight:500}.tpl-crm-var-filled{background:#dcfce7;color:#166534}.tpl-crm-bubble-buttons{border-top:1px solid #e5e7eb}.tpl-crm-bubble-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;font-size:12px;color:#08c;font-weight:500;border-bottom:1px solid #f1f5f9;text-align:center}.tpl-crm-bubble-btn:last-child{border-bottom:none}.tpl-crm-bubble-btn i{font-size:11px}.tpl-crm-carousel-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory}.tpl-crm-carousel-scroll::-webkit-scrollbar{height:4px}.tpl-crm-carousel-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.tpl-crm-carousel-card{flex:0 0 220px;scroll-snap-align:start}.tpl-crm-carousel-card .tpl-crm-bubble{width:220px}.tpl-crm-carousel-card .tpl-crm-bubble-media{min-height:60px;max-height:100px}.tpl-crm-form-area{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:10px}.tpl-crm-form-section{display:flex;flex-direction:column;gap:6px}.tpl-crm-form-section-title{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.tpl-crm-form-group{display:flex;flex-direction:column;gap:3px}.tpl-crm-form-label{font-size:11px;font-weight:500;color:#475569}.tpl-crm-form-input{padding:7px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;color:#1e293b;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s;width:100%}.tpl-crm-form-input:focus{border-color:#93c5fd;box-shadow:0 0 0 2px #3b82f61a}.tpl-crm-form-input::placeholder{color:#94a3b8}.tpl-crm-form-hint{font-size:10px;color:#94a3b8;line-height:1.3}.tpl-crm-footer{padding:10px 16px;border-top:1px solid #f1f5f9;flex-shrink:0}.tpl-crm-send-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:9px 16px;border:none;border-radius:8px;background:#25d366;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s}.tpl-crm-send-btn:hover{background:#20bd5a}.tpl-crm-send-btn:disabled{opacity:.5;cursor:not-allowed}.tpl-crm-error{padding:8px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;font-size:11px;color:#991b1b;margin:0 16px;flex-shrink:0}.tpl-crm-instant-badge{font-size:9px;color:#16a34a;background:#dcfce7;padding:1px 5px;border-radius:3px;font-weight:600;flex-shrink:0;align-self:center}