#main-content.daf-modal-open{position:relative;z-index:99999}body.daf-template-modal-active .et-vb-ui{display:none!important}.daf-template-picker-modal-backdrop{align-items:center;animation:daf-fade-in .2s ease-out;background-color:rgba(0,0,0,.6);bottom:0;cursor:auto;display:flex;justify-content:center;left:0;padding:20px;pointer-events:auto!important;position:fixed;right:0;top:0;user-select:auto!important;z-index:100000000}@keyframes daf-fade-in{0%{opacity:0}to{opacity:1}}.daf-template-picker-modal{animation:daf-slide-up .3s ease-out;background:#fff;border-radius:3px;box-shadow:0 10px 40px rgba(0,0,0,.2);color:#222c39;display:flex;flex-direction:column;font-size:14px;max-height:90vh;max-width:900px;position:relative;width:100%;z-index:100000001}@keyframes daf-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.daf-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px}.daf-modal-title,.et_pb_blog_grid h2.daf-modal-title{color:#1f2937;font-size:18px!important;font-weight:600;margin:0;padding-bottom:0}.daf-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:32px}.daf-modal-close:hover{background-color:#f3f4f6;color:#1f2937}.daf-modal-step-indicator{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:16px;justify-content:center;padding:16px}.daf-step{align-items:center;display:flex;gap:8px}.daf-step.clickable{cursor:pointer;transition:opacity .2s}.daf-step.clickable:hover{opacity:.7}.daf-step-number{align-items:center;background-color:#e5e7eb;border-radius:50%;color:#6b7280;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;transition:all .3s;width:32px}.daf-step.active .daf-step-number,.daf-step.completed .daf-step-number{background-color:#7f57f6;color:#fff}.daf-step-label{color:#6b7280;font-size:14px;font-weight:500;transition:color .3s}.daf-step.active .daf-step-label{color:#1f2937}.daf-step-connector{background-color:#e5e7eb;height:2px;width:40px}.daf-modal-content{flex:1;overflow-y:auto;padding:32px}.daf-step-description{color:#6b7280;font-size:14px;margin:0 0 24px;text-align:center}.daf-template-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-bottom:24px}.daf-template-card{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .2s}.daf-template-card:hover{border-color:#7f57f6;box-shadow:0 4px 12px rgba(46,163,242,.1);transform:translateY(-2px)}.daf-template-card.selected{border-color:#7f57f6;box-shadow:0 4px 12px rgba(7,112,207,.2)}.daf-template-preview{background-color:#f9fafb;position:relative}.daf-template-preview img{padding:10px}.daf-query-template-step .daf-template-preview{text-align:center}.daf-query-template-step .daf-template-preview img{max-width:50%}.daf-template-preview-placeholder{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.daf-template-icon{font-size:48px;opacity:.5}.daf-template-selected-indicator{align-items:center;background-color:#7f57f6;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.2);display:flex;height:26px;justify-content:center;position:absolute;right:12px;top:12px;width:26px}.daf-checkmark{color:#fff;font-size:15px;font-weight:700}.daf-template-info{padding:16px}.daf-template-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.daf-template-name{color:#1f2937;flex:1;font-size:16px;font-weight:600;margin:0}.daf-template-badge{border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.daf-template-badge-design{background-color:#dbeafe;color:#1e40af}.daf-template-badge-query{background-color:#fef3c7;color:#92400e}.daf-template-description{color:#6b7280;font-size:13px;line-height:1.5;margin:0}.daf-step-alternative-actions{flex-wrap:wrap;justify-content:center;padding-top:16px}.daf-modal-footer,.daf-step-alternative-actions{border-top:1px solid #e5e7eb;display:flex;gap:16px}.daf-modal-footer{align-items:center;justify-content:space-between;padding:16px}.daf-dont-show-again{align-items:center;color:#6b7280;cursor:pointer;display:flex;font-size:14px;gap:8px;user-select:none}.daf-dont-show-again input[type=checkbox]{cursor:pointer;height:16px;width:16px}.daf-modal-actions{display:flex;gap:12px;margin-left:auto}.daf-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;outline:none;padding:10px 20px;transition:all .2s}.daf-button:focus{box-shadow:0 0 0 3px rgba(46,163,242,.3)}.daf-button-primary{background-color:#7f57f6;color:#fff}.daf-button-primary:hover{background-color:#6740dd}.daf-button-primary:active{background-color:#7f57f6}.daf-button-secondary{background-color:#f3f4f6;color:#374151}.daf-button-secondary:hover{background-color:#e5e7eb}.daf-button-text{background:none;border:1px solid #7f57f6;color:#7f57f6;padding:8px 12px}@media (max-width:768px){.daf-template-picker-modal{border-radius:0;max-height:100vh;max-width:100%}.daf-modal-content,.daf-modal-footer,.daf-modal-header,.daf-modal-step-indicator{padding-left:20px;padding-right:20px}.daf-template-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.daf-modal-footer{align-items:stretch;flex-direction:column}.daf-modal-actions{flex-direction:column;width:100%}.daf-button{width:100%}}.daf-configuration-step{margin:0 auto;max-width:600px}.daf-configuration-fields{display:flex;flex-direction:column;gap:24px}.daf-config-field{display:flex;flex-direction:column;gap:8px}.daf-config-field-label{align-items:center;color:#1f2937;display:flex;font-size:14px;font-weight:600;gap:4px}.daf-required{color:#ef4444;font-weight:700}.daf-config-field-description{color:#6b7280;font-size:13px;line-height:1.5;margin:0}.daf-config-field-loading{align-items:center;background-color:#f9fafb;border-radius:6px;color:#6b7280;display:flex;font-size:14px;gap:8px;padding:12px}.daf-spinner{animation:daf-spin .6s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#7f57f6;height:16px;width:16px}@keyframes daf-spin{to{transform:rotate(1turn)}}.daf-config-field-empty{background-color:#fef3c7;border-radius:6px;color:#92400e;font-size:14px;padding:12px;text-align:center}.daf-config-field-error{background-color:#fee2e2;border-radius:6px;color:#991b1b;font-size:13px;margin-top:4px;padding:12px}.daf-checkbox-group{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto;padding:16px}.daf-checkbox-label{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:10px;padding:8px;transition:background-color .2s;user-select:none}.daf-checkbox-label:hover{background-color:#fff}.daf-checkbox-label input[type=checkbox]{accent-color:#7f57f6;cursor:pointer;height:18px;width:18px}.daf-checkbox-text,.daf-select-field{color:#374151;font-size:14px}.daf-select-field{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;padding:10px 12px;transition:all .2s}.daf-select-field:hover{border-color:#9ca3af}.daf-select-field:focus{border-color:#7f57f6;box-shadow:0 0 0 3px rgba(127,87,246,.1);outline:none}.daf-text-field{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:14px;padding:10px 12px;transition:all .2s}.daf-text-field:hover{border-color:#9ca3af}.daf-text-field:focus{border-color:#7f57f6;box-shadow:0 0 0 3px rgba(127,87,246,.1);outline:none}.daf-text-field::placeholder{color:#9ca3af}.daf-date-range-field{display:flex;flex-direction:column;gap:16px}.daf-date-input-group{display:flex;flex-direction:column;gap:8px}.daf-date-input-group label{color:#6b7280;font-size:13px;font-weight:500}.daf-date-input{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:14px;padding:10px 12px;transition:all .2s}.daf-date-input:hover{border-color:#9ca3af}.daf-date-input:focus{border-color:#7f57f6;box-shadow:0 0 0 3px rgba(127,87,246,.1);outline:none}.daf-configuration-notice{background-color:#fef3c7;border-left:4px solid #f59e0b;border-radius:6px;margin-top:24px;padding:12px 16px}.daf-configuration-notice p{color:#92400e;font-size:14px;margin:0}.daf-button-primary:disabled{background-color:#d1d5db;color:#9ca3af;cursor:not-allowed;opacity:.6}.daf-button-primary:disabled:hover{background-color:#d1d5db}@media (max-width:480px){.daf-template-grid{grid-template-columns:1fr}.daf-modal-step-indicator{flex-direction:column;gap:12px}.daf-step-connector{height:24px;width:2px}.daf-configuration-step{max-width:100%}.daf-checkbox-group{max-height:200px}}