.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:var(--n-0);border-radius:var(--r-xl);box-shadow:var(--sh-xl);width:100%;max-width:440px;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 var(--n-50);flex-shrink:0}.tpl-crm-back{background:none;border:none;color:var(--n-400);font-size:var(--fs-base);cursor:pointer;padding:2px 4px;line-height:1;transition:color .15s;flex-shrink:0}.tpl-crm-back:hover{color:var(--brand-700)}.tpl-crm-title{font-size:var(--fs-base);font-weight:600;color:var(--n-700);flex:1}.tpl-crm-close{background:none;border:none;color:var(--n-300);font-size:var(--fs-base);cursor:pointer;padding:2px 4px;line-height:1;transition:color .15s;flex-shrink:0}.tpl-crm-close:hover{color:var(--danger)}.tpl-crm-search-wrap{padding:8px 12px;border-bottom:1px solid var(--n-50);flex-shrink:0}.tpl-crm-search{width:100%;padding:7px 10px 7px 30px;border:1px solid var(--n-100);border-radius:var(--r-md);font-size:var(--fs-xs);color:var(--n-700);background:var(--n-25) 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:var(--brand-300);box-shadow:var(--ring)}.tpl-crm-search::placeholder{color:var(--n-300)}.tpl-crm-list{flex:1;overflow-y:auto;padding:4px 0}.tpl-crm-empty{padding:24px 16px;text-align:center;color:var(--n-300);font-size:var(--fs-sm)}.tpl-crm-item{display:flex;align-items:flex-start;gap:10px;padding:10px 16px;cursor:pointer;transition:background .1s;border-bottom:1px solid var(--n-25)}.tpl-crm-item:hover{background:var(--brand-50)}.tpl-crm-item:last-child{border-bottom:none}.tpl-crm-item-icon{width:32px;height:32px;border-radius:var(--r-md);background:var(--n-50);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--n-400);font-size:var(--fs-sm)}.tpl-crm-item-icon.has-media,.tpl-crm-item-icon.has-carousel{background:var(--info-bg);color:var(--info-fg)}.tpl-crm-item-info{flex:1;min-width:0}.tpl-crm-item-name{font-size:var(--fs-sm);font-weight:500;color:var(--n-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tpl-crm-item-preview{font-size:var(--fs-2xs);color:var(--n-300);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;line-height:1.3}.tpl-crm-item-lang{font-size:var(--fs-2xs);color:var(--n-300);flex-shrink:0;padding-top:2px;font-family:var(--font-mono)}.tpl-crm-configure{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.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:var(--n-0);border-radius:var(--r-md);box-shadow:var(--sh-sm);max-width:300px;overflow:hidden}.tpl-crm-bubble-media{width:100%;min-height:80px;background:var(--n-100);display:flex;align-items:center;justify-content:center;color:var(--n-400);font-size:var(--fs-3xl);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:var(--n-300)}.tpl-crm-bubble-media-icon span{font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.5px}.tpl-crm-bubble-header-text{padding:8px 10px 0;font-size:var(--fs-sm);font-weight:600;color:var(--n-700);line-height:1.35}.tpl-crm-bubble-body{padding:6px 10px;font-size:var(--fs-sm);color:var(--n-700);line-height:1.45;white-space:pre-wrap;word-wrap:break-word}.tpl-crm-bubble-footer{padding:0 10px 6px;font-size:var(--fs-2xs);color:#8696a0;line-height:1.3}.tpl-crm-var{background:var(--warning-bg);color:var(--warning-fg);border-radius:3px;padding:0 3px;font-weight:500}.tpl-crm-var-filled{background:var(--success-bg);color:var(--success-fg)}.tpl-crm-bubble-buttons{border-top:1px solid var(--n-100)}.tpl-crm-bubble-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;font-size:var(--fs-xs);color:#08c;font-weight:500;border-bottom:1px solid var(--n-50);text-align:center}.tpl-crm-bubble-btn:last-child{border-bottom:none}.tpl-crm-bubble-btn i{font-size:var(--fs-2xs)}.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:var(--n-200);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;min-height:0;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:14px}.tpl-crm-form-section{display:flex;flex-direction:column;gap:6px}.tpl-crm-form-section-title{font-size:var(--fs-2xs);font-weight:600;color:var(--n-400);text-transform:uppercase;letter-spacing:.5px}.tpl-crm-form-group{display:flex;flex-direction:column;gap:3px}.tpl-crm-form-label{font-size:var(--fs-2xs);font-weight:500;color:var(--n-500)}.tpl-crm-form-input{padding:7px 10px;border:1px solid var(--n-100);border-radius:var(--r-sm);font-size:var(--fs-xs);color:var(--n-700);background:var(--n-0);outline:none;transition:border-color .15s,box-shadow .15s;width:100%}.tpl-crm-form-input:focus{border-color:var(--brand-300);box-shadow:var(--ring)}.tpl-crm-form-input::placeholder{color:var(--n-300)}.tpl-crm-form-hint{font-size:var(--fs-2xs);color:var(--n-300);line-height:1.3}.tpl-crm-collapse-toggle{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px dashed var(--n-100);border-radius:var(--r-sm);background:var(--n-25);font-size:var(--fs-xs);font-weight:500;color:var(--n-500);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .15s,background .15s,color .15s}.tpl-crm-collapse-toggle:hover{border-color:var(--brand-300);background:var(--brand-50);color:var(--brand-700)}.tpl-crm-collapse-toggle:focus-visible{outline:none;border-color:var(--brand-300);box-shadow:var(--ring)}.tpl-crm-collapse-chevron{font-size:var(--fs-2xs);color:var(--n-300);width:10px;text-align:center;transition:transform .15s}.tpl-crm-collapse-optional{margin-left:auto;font-size:var(--fs-2xs);font-weight:400;color:var(--n-300)}.tpl-crm-footer{padding:10px 16px;border-top:1px solid var(--n-50);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:var(--r-md);background:var(--whatsapp);color:var(--n-0);font-size:var(--fs-sm);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:var(--danger-bg);border:1px solid var(--danger-bg);border-radius:var(--r-sm);font-size:var(--fs-2xs);color:var(--danger-fg);margin:0 16px;flex-shrink:0}.tpl-crm-instant-badge{font-size:var(--fs-2xs);color:var(--success);background:var(--success-bg);padding:1px 5px;border-radius:3px;font-weight:600;flex-shrink:0;align-self:center}