.notifal-tab-panel{padding:10px 0;position:relative}.notifal-settings-section>h1{font-size:20px;font-weight:700;color:var(--notifal-primary);border-bottom:1px solid var(--notifal-border);padding-bottom:10px;margin-bottom:20px}.notifal-admin-page .notifal-sidebar{position:sticky;top:32px;height:fit-content;min-height:calc(100vh - 32px);max-height:calc(100vh - 32px);overflow-y:auto;background:var(--notifal-white);border-right:1px solid var(--notifal-border);padding:20px;box-sizing:border-box;display:flex;flex-direction:column;gap:20px}.notifal-admin-page .notifal-sidebar .notifal-tabs{flex:1;display:flex;flex-direction:column;gap:10px}.notifal-admin-page .notifal-sidebar .notifal-mt-20{margin-top:auto;padding-top:20px;border-top:1px solid var(--notifal-border)}.notifal-admin-page .notifal-sidebar a,.notifal-admin-page .notifal-sidebar button{width:100%}@media(max-width:1200px){.notifal-admin-page .notifal-sidebar{position:relative;top:auto;height:auto;min-height:auto;max-height:none;overflow-y:visible}}@media(max-width:768px){.notifal-admin-page .notifal-flex{flex-direction:column}.notifal-admin-page .notifal-sidebar{width:100%;position:relative;top:auto;height:auto;min-height:auto;max-height:none;overflow-y:visible;border-right:none;border-bottom:1px solid var(--notifal-border)}}@media(prefers-color-scheme:dark){.notifal-admin-page .notifal-sidebar{background:var(--notifal-secondary);border-right-color:var(--notifal-border)}.notifal-admin-page .notifal-sidebar .notifal-mt-20{border-top-color:var(--notifal-border)}}.notifal-field-wrapper{display:flex;gap:10px;margin-bottom:30px;margin-top:30px;align-items:flex-start}.notifal-tabs button.active,.notifal-tabs button.active:hover{background-color:var(--notifal-primary);color:var(--notifal-secondary);font-weight:600}.notifal-field-wrapper label:not(.notifal-toggle-slider){color:var(--notifal-text-dark);font-weight:600;font-size:14px;margin-bottom:4px;display:inline-block}.notifal-field-wrapper input[type=text],.notifal-field-wrapper input[type=number],.notifal-field-wrapper select,.notifal-field-wrapper textarea{padding:5px 12px;font-size:14px;border:1px solid var(--notifal-border);border-radius:4px;background-color:#fff;width:100%;max-width:100%;transition:border-color .2s ease}.notifal-field-wrapper input:focus,.notifal-field-wrapper select:focus,.notifal-field-wrapper textarea:focus{border-color:var(--notifal-primary);outline:none}.notifal-tab{display:none}.notifal-tab.active{display:block}.notifal-field-group{background:var(--notifal-white);border:1px solid var(--notifal-border);border-radius:8px;padding:20px;margin-bottom:20px;transition:all .3s ease;position:relative}.notifal-field-group:hover{border-color:var(--notifal-primary);box-shadow:0 2px 8px rgba(var(--notifal-primary-rgb),.1)}.notifal-field-group.notifal-hidden{display:none!important}.notifal-field-group h3{margin-bottom:20px;color:var(--notifal-text-dark);font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.notifal-field-group h3:before{content:"";width:4px;height:16px;background:var(--notifal-primary);border-radius:2px;flex-shrink:0}.notifal-field-group select,.notifal-field-group input[type=number],.notifal-field-group input[type=text]{width:100%;max-width:300px;padding:8px 12px;border:1px solid var(--notifal-border);border-radius:4px;font-size:14px;line-height:1.4;transition:border-color .2s ease,box-shadow .2s ease;background-color:var(--notifal-white);color:var(--notifal-text-dark)}.notifal-field-group select:focus,.notifal-field-group input[type=number]:focus,.notifal-field-group input[type=text]:focus{border-color:var(--notifal-primary);box-shadow:0 0 0 1px var(--notifal-primary);outline:none}.notifal-field-group select:disabled,.notifal-field-group input[type=number]:disabled,.notifal-field-group input[type=text]:disabled{background-color:var(--notifal-secondary);color:var(--notifal-text-muted);cursor:not-allowed}@media(prefers-color-scheme:dark){.notifal-field-group{background:var(--notifal-secondary);border-color:var(--notifal-border)}.notifal-field-group:hover{border-color:var(--notifal-primary);box-shadow:0 2px 8px rgba(var(--notifal-primary-rgb),.2)}.notifal-field-group select,.notifal-field-group input[type=number],.notifal-field-group input[type=text]{background:var(--notifal-secondary);border-color:var(--notifal-border);color:var(--notifal-text-dark)}.notifal-field-group select:focus,.notifal-field-group input[type=number]:focus,.notifal-field-group input[type=text]:focus{border-color:var(--notifal-primary);box-shadow:0 0 0 1px var(--notifal-primary)}.notifal-field-group select:disabled,.notifal-field-group input[type=number]:disabled,.notifal-field-group input[type=text]:disabled{background-color:var(--notifal-text-dark);color:var(--notifal-text-muted)}}@media(max-width:768px){.notifal-field-wrapper{flex-direction:column;gap:8px}.notifal-field-wrapper label{margin-bottom:2px}.notifal-field-group{padding:15px;margin-bottom:15px}.notifal-field-group select,.notifal-field-group input[type=number],.notifal-field-group input[type=text]{max-width:100%}}@media(max-width:480px){.notifal-field-group h3{font-size:14px}}@media(prefers-color-scheme:dark){.notifal-field-wrapper input[type=text],.notifal-field-wrapper input[type=number],.notifal-field-wrapper select,.notifal-field-wrapper textarea{background-color:#2c2c2c;border-color:#444;color:#fff}.notifal-field-wrapper input:focus,.notifal-field-wrapper select:focus,.notifal-field-wrapper textarea:focus{border-color:var(--notifal-primary)}}@media(prefers-contrast:high){.notifal-field-wrapper input[type=text],.notifal-field-wrapper input[type=number],.notifal-field-wrapper select,.notifal-field-wrapper textarea{border-width:2px}.notifal-tabs button.active{border:2px solid currentColor}}.notifal-search-wrapper{position:relative;border-radius:6px;background:#fff;transition:all .2s ease;min-height:40px}.notifal-ajax-search-input{width:100%;padding:10px 12px;border:none;outline:none;background:transparent;font-size:14px;color:var(--notifal-text-dark);border-radius:6px}.notifal-ajax-search-input::placeholder{color:#999;font-style:italic}.notifal-ajax-search-input:focus{outline:none}.notifal-ajax-search-box{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--notifal-border);border-top:none;border-radius:0 0 6px 6px;max-height:300px;overflow-y:auto;z-index:1000;box-shadow:0 4px 12px #0000001a;display:none}.ajaxnotifal-ajax-search-loader{display:flex;align-items:center;justify-content:center;padding:20px;color:#666;font-size:14px;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;margin:10px 0;min-height:60px;position:relative}.ajaxnotifal-ajax-search-loader:after{content:"...";animation:notifal-dots 1.5s infinite;margin-left:4px;font-weight:700;color:var(--notifal-primary)}@keyframes notifal-dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.ajaxnotifal-ajax-search-loader:before{content:"";width:18px;height:18px;border:2px solid #e0e0e0;border-top:2px solid var(--notifal-primary);border-radius:50%;animation:notifal-spin .8s linear infinite;margin-right:10px;display:inline-block;vertical-align:middle}@keyframes notifal-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ajaxnotifal-ajax-search-no-results{text-align:center;padding:20px;color:#666;font-size:14px;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;margin:10px 0;display:flex;align-items:center;justify-content:center;gap:8px;min-height:60px}.ajaxnotifal-ajax-search-no-results:before{content:"🔍";font-size:16px;opacity:.6}.notifal-search-result{padding:12px 16px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:12px}.notifal-search-result:hover{background:#f8f9fa;border-left:3px solid var(--notifal-primary)}.notifal-search-result:last-child{border-bottom:none}.notifal-search-result.notifal-selected{background:rgba(var(--notifal-primary-rgb),.1);border-left:3px solid var(--notifal-primary)}.notifal-search-result.notifal-selected:hover{background:rgba(var(--notifal-primary-rgb),.15)}.notifal-product-with-variations{font-weight:600;background:#fafafa;border-left:3px solid #e0e0e0}.notifal-product-variation{padding-left:40px;background:#fff;border-left:3px solid transparent;font-size:13px;opacity:.85}.notifal-product-variation:hover{background:#f8f9fa;border-left:3px solid var(--notifal-primary)}.notifal-product-variation.notifal-selected{background:rgba(var(--notifal-primary-rgb),.08);border-left:3px solid var(--notifal-primary)}.notifal-product-variation.notifal-selected:hover{background:rgba(var(--notifal-primary-rgb),.12)}.notifal-variation-indicator{color:#999;font-size:12px;margin-right:4px;flex-shrink:0}.notifal-variation-count{font-size:12px;color:#666;font-weight:400;margin-left:4px}.notifal-variation-id{font-size:11px;opacity:.7}.notifal-search-thumb{width:32px;height:32px;border-radius:4px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:12px;color:#666;flex-shrink:0}.notifal-search-thumb.notifal-user-avatar{background:var(--notifal-primary);color:#fff;font-size:16px;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notifal-search-id{font-size:11px;color:#999;background:#f5f5f5;padding:2px 6px;border-radius:3px;margin-left:auto}.notifal-selected-indicator{color:var(--notifal-primary);font-size:14px;margin-left:auto}.notifal-ajax-search-selected{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding-bottom:10px}.notifal-selected-item{background:rgba(var(--notifal-primary-rgb),.1);color:var(--notifal-primary);border:1px solid rgba(var(--notifal-primary-rgb),.3);border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:6px;position:relative}.notifal-selected-item button{background:none;border:none;color:var(--notifal-primary);cursor:pointer;font-size:14px;font-weight:700;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.notifal-ajax-search-input.notifal-multi-select-active::placeholder{color:var(--notifal-primary);font-weight:500}.notifal-multi-select-mode .notifal-search-wrapper:before{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:0;height:0;z-index:1}.notifal-multi-select-hint{font-size:11px;color:#666;margin-top:4px;display:flex;align-items:center;gap:4px;position:relative;z-index:2;transition:all .2s ease;padding:4px 8px;border-radius:4px;background:#00000005;border:1px solid transparent}.notifal-multi-select-hint kbd{background:#f0f0f0;border:1px solid #ccc;border-radius:3px;padding:1px 4px;font-size:10px;font-family:monospace}.notifal-ajax-search{position:relative;width:100%}@media(prefers-color-scheme:dark){.notifal-search-wrapper{background:#2c2c2c;border-color:#444}.notifal-ajax-search-input{color:#e0e0e0}.notifal-ajax-search-input::placeholder{color:#888}.notifal-ajax-search-box{background:#2c2c2c;border-color:#444}.ajaxnotifal-ajax-search-loader,.ajaxnotifal-ajax-search-no-results{background:#1a1a1a;border-color:#333;color:#ccc}.notifal-search-result{border-bottom-color:#333;color:#e0e0e0}.notifal-search-result:hover{background:#333}.notifal-search-result.notifal-selected{background:rgba(var(--notifal-primary-rgb),.2)}.notifal-search-result.notifal-selected:hover{background:rgba(var(--notifal-primary-rgb),.25)}.notifal-search-thumb{background:#333;color:#ccc}.notifal-search-thumb.notifal-user-avatar{background:var(--notifal-primary);color:#fff}.notifal-search-id{background:#333;color:#999}.notifal-selected-item{background:rgba(var(--notifal-primary-rgb),.2);border-color:rgba(var(--notifal-primary-rgb),.4);color:#e0e0e0}.notifal-selected-item button{color:#e0e0e0}.notifal-selected-item button:hover{background:rgba(var(--notifal-primary-rgb),.3)}.notifal-multi-select-hint kbd{background:#333;border-color:#555;color:#ccc}}@media(prefers-contrast:high){.notifal-search-wrapper{border-width:2px}.notifal-ajax-search-box{border-width:2px;box-shadow:0 4px 16px #0003}.ajaxnotifal-ajax-search-loader,.ajaxnotifal-ajax-search-no-results{border-width:2px}.notifal-search-result{border-bottom-width:2px}.notifal-search-result:hover,.notifal-search-result.notifal-selected{border-left-width:4px}.notifal-selected-item,.notifal-selected-item button,.notifal-multi-select-hint kbd{border-width:2px}}.notifal-quick-selector-feedback{background:#e7f3ff;border:1px solid #0073aa;border-radius:4px;padding:8px 12px;margin:8px 0;font-size:13px;color:#0073aa;display:flex;align-items:center;gap:8px;animation:notifal-feedback-slide-in .3s ease-out;box-shadow:0 2px 4px #0073aa1a}.notifal-quick-selector-feedback .notifal-icon{flex-shrink:0;color:#0073aa}.notifal-quick-selector-feedback span:last-child{flex:1;line-height:1.4}@keyframes notifal-feedback-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-color-scheme:dark){.notifal-quick-selector-feedback{background:#0073aa1a;border-color:#0073aa;color:#7dd3fc;box-shadow:0 2px 4px #0073aa33}.notifal-quick-selector-feedback .notifal-icon{color:#7dd3fc}}@media(prefers-contrast:high){.notifal-quick-selector-feedback{border-width:2px;box-shadow:0 2px 8px #0073aa4d}}.notifal-status-card{width:100%;padding:16px;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 12px #00000014;border:1px solid rgba(255,255,255,.2);text-align:center}.notifal-status-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--notifal-primary),var(--notifal-primary));opacity:.8}.notifal-status-card.published{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0}.notifal-status-card.published:before{background:linear-gradient(90deg,#22c55e,#16a34a)}.notifal-status-card.draft{background:linear-gradient(135deg,#fafafa,#f5f5f5);border-color:#e5e7eb}.notifal-status-card.draft:before{background:linear-gradient(90deg,#6b7280,#4b5563)}.notifal-status-icon{font-size:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #0000001a;border:1px solid rgba(255,255,255,.3);margin-bottom:4px}.notifal-status-card.published .notifal-status-icon{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;box-shadow:0 4px 12px #22c55e33}.notifal-status-card.draft .notifal-status-icon{background:linear-gradient(135deg,#f9fafb,#f3f4f6);color:#374151;box-shadow:0 2px 8px #00000014}.notifal-status-content{flex:1;min-width:0}.notifal-status-title{font-size:14px;font-weight:700;color:var(--notifal-text-dark);margin-bottom:2px;line-height:1.2;letter-spacing:-.01em}.notifal-status-card.published .notifal-status-title{color:#166534}.notifal-status-card.draft .notifal-status-title{color:#374151}.notifal-status-subtitle{font-size:12px;color:#6b7280;line-height:1.4;font-weight:400}.notifal-status-card.published .notifal-status-subtitle{color:#16a34a}.notifal-status-card.draft .notifal-status-subtitle{color:#6b7280}.notifal-enable-link{color:var(--notifal-primary);font-weight:600;text-decoration:none;transition:all .2s ease;border-bottom:1px solid transparent}.notifal-enable-link:hover{color:var(--notifal-primary);border-bottom-color:var(--notifal-primary);text-decoration:none}.notifal-status-card:hover{transform:translateY(-1px);box-shadow:0 8px 24px #0000001f}.notifal-status-card.published:hover{box-shadow:0 8px 24px #22c55e26}.notifal-status-card.draft:hover{box-shadow:0 8px 24px #0000001a}@media(prefers-color-scheme:dark){.notifal-status-card.published{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border-color:#22c55e4d}.notifal-status-card.draft{background:linear-gradient(135deg,#1f2937,#111827);border-color:#374151}.notifal-status-card.published .notifal-status-icon{background:linear-gradient(135deg,#22c55e33,#22c55e1a);color:#86efac;box-shadow:0 4px 12px #22c55e4d}.notifal-status-card.draft .notifal-status-icon{background:linear-gradient(135deg,#374151,#1f2937);color:#d1d5db;box-shadow:0 2px 8px #0000004d}.notifal-status-card.published .notifal-status-title{color:#86efac}.notifal-status-card.draft .notifal-status-title{color:#f3f4f6}.notifal-status-card.published .notifal-status-subtitle{color:#4ade80}.notifal-status-card.draft .notifal-status-subtitle{color:#9ca3af}}@media(prefers-contrast:high){.notifal-status-card{border-width:2px}.notifal-status-card:before{height:4px}}@media(max-width:1200px){.notifal-status-card{padding:14px;gap:10px}.notifal-status-icon{width:36px;height:36px;font-size:20px}.notifal-status-title{font-size:13px}.notifal-status-subtitle{font-size:11px}}.notifal-label-badges{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}.notifal-settings-section .notifal-label-badge,.notifal-tab-panel .notifal-label-badge,.notifal-field-group .notifal-label-badge{background-color:#f9f9f9;border:1px solid var(--notifal-border);color:var(--notifal-text-dark);padding:11px 14px;border-radius:999px;cursor:pointer;font-size:13px;line-height:1;-webkit-user-select:none;user-select:none;transition:all .2s ease-in-out;height:max-content}.notifal-settings-section .notifal-label-badge:hover,.notifal-tab-panel .notifal-label-badge:hover,.notifal-field-group .notifal-label-badge:hover{background-color:var(--notifal-secondary-hover);border-color:var(--notifal-secondary-hover)}.notifal-settings-section .notifal-label-badge.active,.notifal-tab-panel .notifal-label-badge.active,.notifal-field-group .notifal-label-badge.active{background-color:var(--notifal-primary);color:var(--notifal-white);border-color:var(--notifal-primary)}.notifal-settings-section .notifal-label-badge input[type=hidden],.notifal-tab-panel .notifal-label-badge input[type=hidden],.notifal-field-group .notifal-label-badge input[type=hidden]{display:none}.notifal-label-add-wrapper{display:flex;align-items:center;gap:6px;margin-top:12px}.notifal-label-add-wrapper input[type=text]{flex:1;padding:6px 12px;font-size:13px;border:1px solid var(--notifal-border);border-radius:4px;background-color:var(--notifal-white);color:var(--notifal-text-dark)}.notifal-label-add-btn{height:30px;border:1px solid var(--notifal-primary);background-color:var(--notifal-primary);color:var(--notifal-white);border-radius:4px;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.notifal-label-add-btn:hover{background-color:var(--notifal-primary-hover)}.notifal-remove-badge{background:transparent;border:none;margin-left:6px;font-size:14px;color:var(--notifal-text-dark);cursor:pointer}.notifal-settings-section .notifal-label-badge.active .notifal-remove-badge,.notifal-tab-panel .notifal-label-badge.active .notifal-remove-badge,.notifal-field-group .notifal-label-badge.active .notifal-remove-badge{color:var(--notifal-white)}.notifal-cart-rule-field{margin-top:12px}.notifal-display-woocommerce_cart .notifal-cart-rule-field.notifal-hidden{display:none}.notifal-empty-state{text-align:center;padding:40px 20px;background:#f9f9f9;border-radius:8px;border:2px dashed #ddd}.notifal-empty-icon{font-size:48px;margin-bottom:16px}.notifal-empty-state h3{margin:0 0 12px;color:#333;font-size:18px}.notifal-empty-state p{margin:0 0 24px;color:#666;font-size:14px;line-height:1.5}.notifal-empty-state.loading{animation:notifal-pulse 2s infinite}@keyframes notifal-pulse{0%,to{opacity:1}50%{opacity:.7}}.notifal-summary-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #eee}.notifal-summary-count{background:var(--notifal-primary);color:#fff;border-radius:12px;font-size:12px;font-weight:600;width:25px;height:25px;display:flex!important;align-items:center!important;justify-content:center}.notifal-rule-combination-logic{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:16px;margin-bottom:16px;transition:all .3s ease}.notifal-rule-combination-logic.notifal-logic-and{background:#e8f5e8;border-color:#28a745}.notifal-rule-combination-logic.notifal-logic-or{background:#fff3cd;border-color:#ffc107}.notifal-logic-selector{display:flex;flex-direction:column;gap:8px}.notifal-logic-label{font-weight:600;color:#333;font-size:14px;margin:0}.notifal-logic-select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;background:#fff;font-size:14px;min-width:200px;cursor:pointer}.notifal-logic-select:focus{outline:none;border-color:var(--notifal-primary);box-shadow:0 0 0 2px #0073aa33}.notifal-rule-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.notifal-rule-row{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;transition:all .2s ease;flex-direction:column;position:relative}.notifal-rule-row:hover{background:#e9ecef;border-color:#dee2e6}.notifal-rule-label{font-size:14px;color:#333;font-weight:500}.notifal-rule-label-wrap{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0}.notifal-rule-content{display:flex;justify-content:space-between;align-items:center;width:100%;padding-right:40px;gap:12px}.notifal-rule-label{font-weight:600;display:flex;align-items:center}.notifal-rule-text{margin-left:4px;color:#666;font-size:13px}.notifal-remove-rule{color:#c00;font-size:16px;cursor:pointer;line-height:1;position:absolute;top:8px;right:12px;padding:4px;border-radius:3px;transition:all .2s ease;background:none;border:none}.notifal-remove-rule:hover{background:#c82333;color:#fff}.notifal-rule-toggle{background:none;border:none;color:#666;font-size:13px;cursor:pointer;line-height:1;padding:4px 8px;border-radius:3px;transition:all .2s ease;white-space:nowrap;min-width:80px;text-align:center}.notifal-rule-toggle:hover{color:#333;background-color:#f0f0f0}.notifal-rule-details{width:100%;margin-top:8px;padding:8px 12px;background:#f9f9f9;border-top:1px solid #e0e0e0;border-radius:0 0 4px 4px;text-align:left}.notifal-rule-details-content{font-size:13px;color:#666}.notifal-rule-details-header{margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid #e0e0e0}.notifal-rule-details-title{font-weight:600;color:#333;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.notifal-rule-targets-list{margin:0;padding:0;list-style:none;text-align:left}.notifal-rule-targets-list li{padding:4px 0;border-bottom:1px solid #eee;text-align:left}.notifal-rule-targets-list li:last-child{border-bottom:none}.notifal-loading-spinner{display:inline-block;width:12px;height:12px;border:2px solid #f3f3f3;border-top:2px solid #666;border-radius:50%;animation:notifal-spin 1s linear infinite;margin-right:8px}.notifal-loading-text{color:#666;font-style:italic}.notifal-rule-target-link{display:flex;align-items:center;gap:6px;color:#0073aa;text-decoration:none;padding:4px 0;transition:color .2s ease}.notifal-rule-target-link:hover{color:#005a87;text-decoration:underline}.notifal-rule-target-title{font-weight:500}.notifal-rule-target-type{color:#666;font-size:12px}.notifal-rule-target-icon{opacity:.6;transition:opacity .2s ease}.notifal-rule-target-link:hover .notifal-rule-target-icon{opacity:1}.notifal-rule-target-error{color:#666;font-style:normal}.notifal-rule-target-id{font-weight:500}.notifal-rule-target-status{color:#999}.notifal-retry-load{background:none;border:none;color:#0073aa;cursor:pointer;padding:2px 4px;margin-left:8px;border-radius:3px;transition:all .2s ease}.notifal-retry-load:hover{background-color:#f0f0f0;color:#005a87}.notifal-error{background-color:transparent;border-left:none;padding-left:0}.notifal-rule-configuration{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;margin-bottom:20px}.notifal-rule-configuration h4{font-size:16px;font-weight:600;color:var(--notifal-text-dark);margin-bottom:15px}.notifal-add-rule-container{margin-top:20px;text-align:center}.notifal-button-icon{margin-right:8px;font-size:14px}.notifal-rules-info{margin-top:15px;font-size:13px;color:#666}@media(max-width:768px){.notifal-rule-configuration{padding:15px}.notifal-empty-state{padding:20px 15px}.notifal-rule-row{padding:12px}.notifal-summary-header{flex-direction:column;gap:10px}.notifal-logic-selector{flex-direction:column;gap:8px}.notifal-logic-select{width:100%}}@media(prefers-color-scheme:dark){.notifal-empty-state{background:#2c2c2c;color:#e0e0e0}.notifal-rule-row{background:#2c2c2c;border-color:#444}.notifal-rule-row:hover{border-color:#555;background:#333}.notifal-rule-configuration{background:#2c2c2c;border-color:#444}.notifal-display-condition-section{background:var(--notifal-secondary);border-color:var(--notifal-border)}.notifal-display-condition-section:hover{border-color:var(--notifal-primary);box-shadow:0 2px 8px rgba(var(--notifal-primary-rgb),.2)}.notifal-rule-combination-logic{background:#2c2c2c;border-color:#444}.notifal-logic-select{background:#333;border-color:#555;color:#fff}.notifal-logic-label{color:#e0e0e0}}@media(prefers-contrast:high){.notifal-rule-row{border-width:2px}.notifal-remove-rule{border:2px solid currentColor}.notifal-rule-combination-logic{border-width:2px}}.notifal-rule-row{transition:all .3s ease}.notifal-rule-row.notifal-new-rule{animation:notifal-newRuleFlash .6s ease-in-out}@keyframes notifal-newRuleFlash{0%{background-color:#d4edda;border-color:#c3e6cb}50%{background-color:#d4edda;border-color:#c3e6cb}to{background-color:#fff;border-color:#e0e0e0}}.notifal-rule-row.notifal-updated{animation:notifal-updatedRuleFlash .6s ease-in-out}@keyframes notifal-updatedRuleFlash{0%{background-color:#fff3cd;border-color:#ffeaa7}50%{background-color:#fff3cd;border-color:#ffeaa7}to{background-color:#fff;border-color:#e0e0e0}}.notifal-rule-row.notifal-removing{animation:notifal-removingRuleFlash .4s ease-in-out}@keyframes notifal-removingRuleFlash{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.95)}to{opacity:0;transform:scale(.9)}}.notifal-display-condition-section{background:var(--notifal-white);border:1px solid var(--notifal-border);border-radius:8px;padding:20px;margin-bottom:20px;transition:all .3s ease;position:relative}.notifal-display-condition-section:hover{border-color:var(--notifal-primary);box-shadow:0 2px 8px rgba(var(--notifal-primary-rgb),.1)}.notifal-display-condition-section:last-child{margin-bottom:0}.notifal-display-users .notifal-field-wrapper{margin-bottom:15px}.notifal-display-users .notifal-field-wrapper:last-child{margin-bottom:0}.notifal-rule-configuration.loading{position:relative;pointer-events:none}.notifal-rule-configuration.loading:after{content:"";position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;border-radius:8px;z-index:10}.notifal-loading-spinner{animation:notifal-spin 1s linear infinite}.notifal-selected-item .notifal-loading-spinner{display:inline-block;width:12px;height:12px;border:2px solid #f3f3f3;border-top:2px solid #0073aa;border-radius:50%;animation:notifal-spin 1s linear infinite;margin-right:8px;vertical-align:middle}.notifal-selected-item .notifal-loading-text{color:#666;font-style:italic;font-size:12px;vertical-align:middle}.notifal-selected-item .notifal-error{color:#dc3232;font-weight:500}.notifal-selected-item{display:flex;align-items:center;gap:8px}.notifal-selected-item .notifal-selected-label{flex:1;display:flex;align-items:center;gap:8px}.notifal-remove-rule:focus{outline:2px solid var(--notifal-primary);outline-offset:2px}.notifal-rule-row:focus-within{border-color:var(--notifal-primary);box-shadow:0 0 0 2px rgba(var(--notifal-primary-rgb),.2)}.notifal-logic-select:focus{outline:2px solid var(--notifal-primary);outline-offset:2px}.notifal-display-rules-visibility-mode{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:16px}.notifal-display-rules-click-hint{margin-top:0}.notifal-rule-row.notifal-rule-row-editing{border-color:var(--notifal-primary);box-shadow:0 0 0 2px rgba(var(--notifal-primary-rgb),.15);background:#f0f7fc}.notifal-rule-row .notifal-rule-edit-hint{display:block;font-size:12px;color:#666;margin-top:4px;font-weight:400}.notifal-rule-configuration.notifal-rule-configuration-editing{border-color:var(--notifal-primary);box-shadow:0 0 0 2px rgba(var(--notifal-primary-rgb),.12)}.notifal-rule-editing-badge{font-size:12px;font-weight:600;color:var(--notifal-primary);background:rgba(var(--notifal-primary-rgb),.1);padding:4px 10px;border-radius:4px}.notifal-template-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:15px}.notifal-template-header h1{margin:0;flex:1}.notifal-template-refresh-btn{display:flex;align-items:center;gap:8px;white-space:nowrap;transition:all .2s ease}.notifal-template-refresh-btn:hover{background-color:var(--notifal-primary);color:#fff;border-color:var(--notifal-primary)}.notifal-template-refresh-btn:hover .notifal-icon{transform:rotate(180deg)}.notifal-template-refresh-btn .notifal-icon{transition:transform .3s ease}.notifal-template-refresh-btn.loading{opacity:.7;pointer-events:none}.notifal-template-refresh-btn.loading .notifal-icon{animation:spin 1s linear infinite}.notifal-template-card-parent{display:inline-block;width:280px;margin:12px;position:relative;cursor:pointer}.notifal-template-card{display:block;border:2px solid #ddd;border-radius:10px;overflow:hidden;cursor:pointer;transition:border-color .3s,box-shadow .3s;background-color:#fff;box-shadow:0 2px 6px #0000000d;position:relative}.notifal-template-card-parent input[type=radio]{position:absolute;width:100%;height:100%;opacity:0}.notifal-template-card-parent input[type=radio]:checked+.notifal-template-card{border:2px solid var(--notifal-primary);box-shadow:0 0 0 2px #7b3df44d;position:relative}.notifal-template-card-parent input[type=radio]:checked+.notifal-template-card:after{content:"";font-family:notifal-icon;position:absolute;top:8px;right:8px;background:var(--notifal-primary);color:#fff;border-radius:50%;z-index:6;box-shadow:0 0 2px #0003;width:28px;height:25px;display:flex;justify-content:center;font-size:20px;padding:6px 3px 3px}.template-preview{width:100%;height:180px;overflow:hidden;position:relative;border-bottom:1px solid #eee}.notifal-template-iframe{width:1280px;height:720px;transform:scale(.25);transform-origin:top left;border:none;transition:transform .3s ease-in-out,opacity .3s ease-in-out;pointer-events:auto;overflow:auto;opacity:0;visibility:hidden}.notifal-template-iframe.notifal-iframe-loaded{opacity:1;visibility:visible}.notifal-iframe-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fff;z-index:5;font-size:14px;font-weight:500;color:#777}.notifal-template-card-parent:hover .notifal-template-iframe.notifal-iframe-loaded{transform:scale(.4);z-index:2}.template-title{font-weight:600;padding:10px;font-size:14px}.notifal-template-group{background:var(--notifal-white);border:1px solid var(--notifal-border);border-radius:8px;padding:20px;margin-bottom:20px;transition:all .3s ease;position:relative}.notifal-template-group:hover{border-color:var(--notifal-primary);box-shadow:0 2px 8px rgba(var(--notifal-primary-rgb),.1)}.notifal-template-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:15px;align-items:stretch}.notifal-section-title{font-weight:600;margin-bottom:20px;border-bottom:1px solid #ddd;padding-bottom:15px;text-align:center}.notifal-template-actions{display:flex;justify-content:center;gap:12px;padding:10px 0 14px}.notifal-action-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:#f3f4f6;color:#444;transition:all .2s ease-in-out;text-decoration:none;font-size:16px}.notifal-action-button:hover{background:var(--notifal-primary);color:#fff}.notifal-action-button i{pointer-events:none}.notifal-load-more{transition:all .2s ease}.notifal-load-more.loading{opacity:.7;cursor:not-allowed}.notifal-load-more.notifal-disable{pointer-events:none}.notifal-load-more.notifal-hidden{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;position:absolute!important;left:-9999px!important}.notifal-load-more{text-align:center;margin-top:20px}.notifal-load-more.loading{opacity:.6;pointer-events:none}.notifal-load-more.notifal-disable,.notifal-load-more.notifal-hidden{display:none}@media(max-width:768px){.notifal-template-grid{grid-template-columns:1fr;gap:15px}.notifal-template-group{padding:15px;margin-bottom:20px}.template-preview{height:150px}.notifal-template-actions{flex-direction:column;gap:8px}.notifal-action-button{width:100%;justify-content:center}}@media(max-width:480px){.notifal-template-card{padding:12px}.template-preview{height:120px}.template-title{font-size:13px}}@media(prefers-color-scheme:dark){.notifal-template-card{background:#2c2c2c;border-color:#444}.notifal-template-card:hover{border-color:#555;background:#333}.notifal-template-group{background:var(--notifal-secondary);border-color:var(--notifal-border)}.notifal-template-group:hover{border-color:var(--notifal-primary);box-shadow:0 2px 8px rgba(var(--notifal-primary-rgb),.2)}.template-preview{background:#1a1a1a;border-color:#444}.template-title{color:#e0e0e0}.notifal-section-title{color:#e0e0e0;border-bottom-color:var(--notifal-primary)}}@media(prefers-contrast:high){.notifal-template-card{border-width:3px}.notifal-template-card-parent input[type=radio]:checked+.notifal-template-card{border-width:4px}.template-preview{border-width:2px}.notifal-section-title{border-bottom-width:3px}}.notifal-template-card:hover{border-color:#d0d0d0;box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.notifal-template-card-parent input[type=radio]:checked+.notifal-template-card:hover{border-color:var(--notifal-primary);box-shadow:0 6px 16px rgba(var(--notifal-primary-rgb),.25)}.notifal-template-card:focus-within{outline:2px solid var(--notifal-primary);outline-offset:2px}.notifal-action-button:focus{outline:2px solid var(--notifal-primary);outline-offset:2px}.notifal-template-card.loading{pointer-events:none;opacity:.7}.notifal-template-card.loading:before{content:"";position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;border-radius:6px;z-index:5}.notifal-template-card.loading:after{content:"Loading...";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:6;color:var(--notifal-primary);font-weight:500}.notifal-template-category{margin-bottom:25px}.notifal-template-category-title{font-size:16px;font-weight:600;color:var(--notifal-text-dark);margin-bottom:12px;padding-left:8px;border-left:3px solid var(--notifal-primary)}.notifal-template-category-description{font-size:13px;color:#666;margin-bottom:15px;line-height:1.4}.notifal-template-stats{display:flex;gap:15px;margin-top:10px;font-size:12px;color:#666}.notifal-template-stat{display:flex;align-items:center;gap:4px}.notifal-template-stat-icon{font-size:10px;opacity:.7}.notifal-template-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.notifal-template-tag{background:rgba(var(--notifal-primary-rgb),.1);color:var(--notifal-primary);padding:2px 6px;border-radius:3px;font-size:10px;font-weight:500}@media(max-width:480px){.notifal-template-stats{flex-direction:column;gap:8px}.notifal-template-tags{margin-top:6px}.notifal-template-tag{font-size:9px;padding:1px 4px}}.notifal-card-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.notifal-add-filter-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;border-radius:4px;transition:all .2s ease}.notifal-add-filter-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.notifal-logic-selector{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--notifal-bg-light);border:1px solid var(--notifal-border);border-radius:4px;transition:all .3s ease}.notifal-logic-selector.notifal-logic-and{background:#e8f5e8;border-color:#28a745}.notifal-logic-selector.notifal-logic-or{background:#fff3cd;border-color:#ffc107}.notifal-logic-selector .notifal-form-label{margin:0;font-size:12px;font-weight:600;color:var(--notifal-text-secondary)}.notifal-logic-selector .notifal-select{min-width:180px;font-size:12px;padding:4px 8px;border:1px solid var(--notifal-border-light);border-radius:3px}.notifal-filter-conditions{display:flex;flex-direction:column;gap:16px;margin-top:16px}.notifal-filter-condition{background:var(--notifal-bg-light);border:1px solid var(--notifal-border-light);border-radius:6px;padding:16px;transition:all .2s ease;position:relative}.notifal-filter-condition:hover{border-color:var(--notifal-primary-light);box-shadow:0 2px 8px #0073aa1a}.notifal-condition-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px}.notifal-condition-type{flex:1}.notifal-condition-type-select{min-width:200px;font-weight:500;color:var(--notifal-text-primary)}.notifal-condition-actions{display:flex;align-items:center;gap:8px}.notifal-remove-condition-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;font-size:12px;color:var(--notifal-danger);border:1px solid var(--notifal-danger-light);background:transparent;border-radius:3px;transition:all .2s ease}.notifal-remove-condition-btn:hover{background:var(--notifal-danger);color:#fff;transform:translateY(-1px)}.notifal-condition-data{margin-top:12px}.notifal-condition-data .notifal-field-wrapper{margin-bottom:12px}.notifal-condition-data .notifal-field-wrapper:last-child{margin-bottom:0}.notifal-condition-data .notifal-form-label{font-size:13px;font-weight:500;color:var(--notifal-text-secondary);margin-bottom:8px;display:block}.notifal-dynamic-restrictions .notifal-field-wrapper{display:flex;flex-direction:column;width:100%;margin-bottom:16px}.notifal-dynamic-restrictions .notifal-field-wrapper.notifal-direction-row{flex-direction:row;align-items:center;justify-content:start}.notifal-dynamic-restrictions .notifal-field-wrapper:last-child{margin-bottom:0}.notifal-condition-data .notifal-input,.notifal-condition-data .notifal-select,.notifal-condition-data .notifal-multi-select,.notifal-condition-data .notifal-ajax-search{width:100%;padding:8px 12px;border:1px solid var(--notifal-border-light);border-radius:4px;font-size:14px;transition:all .2s ease}.notifal-condition-data .notifal-input:focus,.notifal-condition-data .notifal-select:focus,.notifal-condition-data .notifal-multi-select:focus,.notifal-condition-data .notifal-ajax-search:focus{outline:none;border-color:var(--notifal-primary);box-shadow:0 0 0 2px #0073aa33}.notifal-condition-data .notifal-multi-select{min-height:80px}.notifal-condition-data .notifal-field-description{font-size:12px;color:var(--notifal-text-muted);margin-top:4px;line-height:1.4}.notifal-available-meta-section{margin-top:12px;width:100%;border:1px solid var(--notifal-border-light);border-radius:4px;overflow:hidden}.notifal-meta-header{background:var(--notifal-bg-light);padding:10px 12px;border-bottom:1px solid var(--notifal-border-light)}.notifal-meta-toggle{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:13px;font-weight:500;color:var(--notifal-text-secondary);margin:0;-webkit-user-select:none;user-select:none}.notifal-meta-toggle:hover{color:var(--notifal-primary)}.notifal-meta-arrow{transition:transform .2s ease}.notifal-meta-toggle[aria-expanded=true] .notifal-meta-arrow{transform:rotate(180deg)}.notifal-meta-content{background:#fff;max-height:250px;overflow:hidden}.notifal-meta-search{padding:8px;border-bottom:1px solid var(--notifal-border-lighter)}.notifal-meta-search-input{width:100%;padding:6px 8px;border:1px solid var(--notifal-border-light);border-radius:3px;font-size:12px}.notifal-meta-item{display:flex;flex-direction:column;padding:10px 14px;cursor:pointer;border-bottom:1px solid #f8f9fa;border-left:3px solid transparent;transition:all .15s ease;background:transparent;position:relative}.notifal-meta-name{font-family:var(--notifal-font-mono, "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Monaco, "Courier New", monospace);font-size:12px;font-weight:500;color:var(--notifal-text-primary, #1e1e1e);line-height:1.4;word-break:break-all}.notifal-meta-description{font-size:11px;color:var(--notifal-text-muted);margin-top:2px}.notifal-meta-loading,.notifal-meta-error,.notifal-meta-empty{padding:12px;text-align:center;font-size:12px;color:var(--notifal-text-muted)}.notifal-meta-error{color:var(--notifal-danger)}.notifal-filter-condition .notifal-ajax-search{margin-top:8px}.notifal-custom-date-range{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;padding:12px;background:var(--notifal-bg-lighter);border:1px solid var(--notifal-border-lighter);border-radius:4px}.notifal-custom-date-range .notifal-date-field{display:flex;flex-direction:column;gap:4px}.notifal-custom-date-range .notifal-date-label{font-size:12px;font-weight:500;color:var(--notifal-text-secondary)}.notifal-custom-date-range .notifal-input{margin:0}.notifal-info-message{padding:12px 16px;background:var(--notifal-info-bg, #e3f2fd);border:1px solid var(--notifal-info-border, #bbdefb);border-radius:4px;color:var(--notifal-info-text, #1565c0);font-size:13px;line-height:1.4;margin:0}.notifal-empty-filters-message{text-align:center;padding:32px 20px;color:var(--notifal-text-muted);background:var(--notifal-bg-lighter);border:1px dashed var(--notifal-border-light);border-radius:6px;margin-top:16px}.notifal-empty-filters-message .notifal-empty-icon{font-size:24px;margin-bottom:8px;opacity:.6}.notifal-empty-filters-message p{margin:0;font-size:14px;line-height:1.4}.notifal-filter-condition:before{content:counter(condition-counter);counter-increment:condition-counter;position:absolute;top:-8px;left:12px;background:var(--notifal-primary);color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}.notifal-filter-conditions{counter-reset:condition-counter}.notifal-filter-condition:before{background:var(--notifal-primary)!important}@media(max-width:768px){.notifal-card-actions{flex-direction:column;align-items:stretch;gap:8px}.notifal-logic-selector{flex-direction:column;align-items:stretch;gap:6px}.notifal-condition-header{flex-direction:column;align-items:stretch;gap:8px}.notifal-condition-actions{justify-content:flex-end}.notifal-custom-date-range{grid-template-columns:1fr;gap:8px}}.notifal-add-filter-btn:focus,.notifal-remove-condition-btn:focus{outline:2px solid var(--notifal-primary);outline-offset:2px}.notifal-condition-type-select:focus{outline:none;border-color:var(--notifal-primary);box-shadow:0 0 0 2px #0073aa33}.notifal-filter-condition{animation:slideInFilter .3s ease-out}@keyframes slideInFilter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notifal-filter-condition.removing{animation:slideOutFilter .2s ease-in forwards}@keyframes slideOutFilter{to{opacity:0;transform:translateY(-10px);height:0;margin:0;padding:0;border:none}}.notifal-cart-product-sources-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;margin-top:12px}.notifal-cart-source-toggle-item{display:flex;flex-direction:column;gap:4px}.notifal-cart-product-sources .notifal-cart-source-toggle{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:0;margin-bottom:0}.notifal-condition-data .notifal-cart-product-sources .notifal-cart-source-toggle .notifal-form-label{flex:1;margin-bottom:0;cursor:pointer;display:inline-block;font-weight:600;font-size:14px;color:var(--notifal-text-dark)}.notifal-cart-product-sources .notifal-cart-source-toggle-item .notifal-field-description{margin-top:0;margin-bottom:0;padding-left:0}@media(max-width:782px){.notifal-cart-product-sources-grid{grid-template-columns:1fr}}.notifal-small{font-size:12px!important}.notifal-mt-12{margin-top:12px!important}.notifal-mb-12{margin-bottom:12px!important}.notifal-gap-8{gap:8px!important}.notifal-gap-12{gap:12px!important}.notifal-detected-tag-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:#dc3545;color:#fff;border:1px solid #dc3545;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;box-shadow:0 1px 3px #dc354533}.notifal-detected-tag-badge:hover{background:#c82333;border-color:#c82333;transform:translateY(-1px);box-shadow:0 2px 6px #dc35454d}.notifal-detected-tag-icon{font-size:14px;opacity:.8;color:gold}.notifal-detected-tag-name{font-weight:600;font-family:Courier New,monospace;color:#fff}@media(prefers-color-scheme:dark){.notifal-detected-tag-badge{background:#dc3545;border-color:#dc3545;color:#fff}.notifal-detected-tag-badge:hover{background:#c82333;border-color:#c82333}.notifal-detected-tag-icon{color:gold}.notifal-detected-tag-name{color:#fff}}@media(prefers-contrast:high){.notifal-detected-tag-badge{border-width:2px;box-shadow:0 2px 4px #dc354566}.notifal-detected-tag-badge:hover{border-width:2px;box-shadow:0 4px 8px #dc354580}}.notifal-template-analysis-section{margin-bottom:30px}.notifal-template-analysis-content{width:100%}.notifal-detected-tags h4{font-size:14px;font-weight:600;color:var(--notifal-text-dark);margin-bottom:10px}.notifal-tags-list{display:flex;flex-wrap:wrap;gap:8px}.notifal-restriction-card{background:var(--notifal-white);border:1px solid var(--notifal-border);border-radius:8px;padding:20px;margin-bottom:20px;transition:all .3s ease;position:relative}.notifal-restriction-card:hover{border-color:var(--notifal-primary);box-shadow:0 2px 8px rgba(var(--notifal-primary-rgb),.1)}.notifal-restriction-card .notifal-form-label{font-weight:600;margin-bottom:4px;display:inline-block}.notifal-card-header{margin-bottom:15px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.notifal-card-header h4{font-size:16px;font-weight:600;color:var(--notifal-text-dark);margin:0 0 5px}.notifal-card-description{font-size:13px;color:#666;margin:0;line-height:1.4}.notifal-card-content .notifal-field-wrapper{margin-bottom:15px}.notifal-card-content .notifal-field-wrapper:last-child{margin-bottom:0}.notifal-restriction-field:first-child{margin-top:0;padding-top:0;border-top:none}.notifal-restriction-field.notifal-hidden{display:none}.notifal-product-categories,.notifal-order-date-range,.notifal-user-roles{margin-top:10px}.notifal-date-input{font-family:inherit;font-size:14px;padding:8px 12px;border:1px solid #ddd;border-radius:4px;background:#fff;color:#333;transition:border-color .2s ease,box-shadow .2s ease}.notifal-date-input:focus{outline:none;border-color:var(--notifal-primary);box-shadow:0 0 0 2px rgba(var(--notifal-primary-rgb),.2)}.notifal-date-input:hover{border-color:#bbb}.notifal-date-range-wrapper{display:flex;gap:15px;align-items:flex-end;margin-top:10px}.notifal-date-range-wrapper .notifal-field-wrapper{flex:1;margin-bottom:0}@media(max-width:768px){.notifal-date-range-wrapper{flex-direction:column;gap:10px}.notifal-date-range-wrapper .notifal-field-wrapper{width:100%}}.notifal-quick-date-selection{margin-top:15px;padding-top:15px;border-top:1px solid #e9ecef}.notifal-quick-date-selection .notifal-form-label{font-size:13px;font-weight:500;color:#666;margin-bottom:8px;display:block}.notifal-quick-date-buttons{display:flex;flex-wrap:wrap;gap:8px}.notifal-quick-date-btn{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:500;color:#495057;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block}.notifal-quick-date-btn:hover{background:#e9ecef;border-color:#adb5bd;color:#212529;transform:translateY(-1px)}.notifal-quick-date-btn:active{transform:translateY(0)}.notifal-quick-date-btn:focus{outline:none;border-color:var(--notifal-primary);box-shadow:0 0 0 2px rgba(var(--notifal-primary-rgb),.2)}.notifal-tag-badge{background:var(--notifal-primary);color:#fff;border-radius:6px;padding:8px 12px;font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:6px;margin:2px;transition:all .2s ease}.notifal-tag-badge:hover{transform:translateY(-1px);box-shadow:0 2px 6px var(--notifal-primary)}.notifal-tag-icon{font-size:14px;opacity:.8;color:#fff;display:flex;align-items:center}.notifal-tag-name{font-weight:600;color:#fff}@media(max-width:768px){.notifal-restriction-card{padding:15px;margin-bottom:15px}.notifal-card-header h4{font-size:15px}.notifal-card-description{font-size:12px}}@media(prefers-color-scheme:dark){.notifal-restriction-card{background:#2c2c2c;border-color:#444}.notifal-restriction-card:hover{border-color:#555;background:#333}.notifal-card-header{border-bottom-color:#444}.notifal-card-description{color:#aaa}.notifal-restriction-field{border-top-color:#444}.notifal-tag-badge{background:#dc3545;border-color:#dc3545;color:#fff}.notifal-tag-badge:hover{background:#c82333;border-color:#c82333}.notifal-tag-name{color:#fff}.notifal-date-input{background:#333;border-color:#555;color:#fff}.notifal-date-input:focus{border-color:var(--notifal-primary);box-shadow:0 0 0 2px rgba(var(--notifal-primary-rgb),.3)}.notifal-date-input:hover{border-color:#666}.notifal-quick-date-selection{border-top-color:#444}.notifal-quick-date-selection .notifal-form-label{color:#aaa}.notifal-quick-date-btn{background:#333;border-color:#555;color:#fff}.notifal-quick-date-btn:hover{background:#444;border-color:#666;color:#fff}}@media(prefers-contrast:high){.notifal-restriction-card{border-width:2px}.notifal-card-header{border-bottom-width:2px}.notifal-restriction-field{border-top-width:2px}.notifal-date-input{border-width:2px}.notifal-date-input:focus{border-width:3px}.notifal-quick-date-btn{border-width:2px}.notifal-quick-date-btn:focus{border-width:3px}}.notifal-notice{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:12px 16px;margin:15px 0;display:flex;align-items:flex-start;gap:12px}.notifal-notice-info{background:#d1ecf1;border-color:#bee5eb;color:#0c5460}.notifal-notice-content{flex:1;display:flex;align-items:flex-start;gap:8px}.notifal-notice-icon{font-size:16px;margin-top:1px}.notifal-notice-text{font-size:14px;line-height:1.4;margin:0}.notifal-loading-state{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:20px;text-align:center;margin:15px 0;display:flex;flex-direction:column;align-items:center;gap:10px}.notifal-loading-spinner{width:24px;height:24px;border:2px solid #f3f3f3;border-top:2px solid var(--notifal-primary);border-radius:50%;animation:spin 1s linear infinite}.notifal-loading-state p{margin:0;color:#666;font-size:14px}.notifal-error-state{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;padding:20px;text-align:center;margin:15px 0;display:flex;flex-direction:column;align-items:center;gap:10px}.notifal-error-state p{margin:0;color:#721c24;font-size:14px}@media(prefers-color-scheme:dark){.notifal-loading-state{background:#2c2c2c;border-color:#444}.notifal-loading-state p{color:#aaa}.notifal-error-state{background:#2c2c2c;border-color:#dc3545}.notifal-error-state p{color:#ff6b6b}.notifal-notice{background:#2c2c2c;border-color:#444}.notifal-notice-info{background:#0dcaf01a;border-color:#0dcaf04d;color:#0dcaf0}}@media(prefers-contrast:high){.notifal-loading-state,.notifal-error-state,.notifal-notice{border-width:2px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notifal-restriction-card:focus-within{outline:2px solid var(--notifal-primary);outline-offset:2px}.notifal-tag-badge:focus{outline:2px solid var(--notifal-primary);outline-offset:2px}.notifal-content-analysis{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:16px;margin:15px 0}.notifal-analysis-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.notifal-analysis-icon{font-size:16px;color:var(--notifal-primary)}.notifal-analysis-title{font-size:14px;font-weight:600;color:var(--notifal-text-dark);margin:0}.notifal-analysis-content{font-size:13px;color:#666;line-height:1.4}.notifal-advanced-settings{margin-top:20px;padding-top:20px;border-top:1px solid #e9ecef}.notifal-advanced-toggle{background:none;border:none;color:var(--notifal-primary);font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;padding:0;margin-bottom:15px}.notifal-advanced-toggle:hover{text-decoration:underline}.notifal-advanced-content{display:none;padding:15px;background:#f8f9fa;border-radius:4px;border:1px solid #e9ecef}.notifal-advanced-content.active{display:block}.notifal-available-meta-section{margin-top:12px;border:1px solid var(--notifal-border-color, #ddd);border-radius:6px;background:var(--notifal-bg-light, #fafafa)}.notifal-meta-header{padding:10px 12px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease;border-radius:6px 6px 0 0}.notifal-meta-header:hover{background:var(--notifal-bg-hover, #f0f0f0)}.notifal-meta-toggle{display:flex!important;align-items:center;justify-content:space-between;margin:0!important;font-size:13px;font-weight:500;color:var(--notifal-text-secondary, #666);cursor:pointer}.notifal-meta-toggle:focus{outline:2px solid var(--notifal-focus-color, #0073aa);outline-offset:2px}.notifal-meta-arrow{transition:transform .2s ease;color:var(--notifal-text-muted, #999)}.notifal-meta-header[aria-expanded=true] .notifal-meta-arrow{transform:rotate(180deg)}.notifal-meta-content{border-top:1px solid var(--notifal-border-color, #ddd);background:var(--notifal-bg-white, #fff);border-radius:0 0 6px 6px}.notifal-meta-search{padding:10px 12px;border-bottom:1px solid var(--notifal-border-light, #eee)}.notifal-meta-search-input{width:100%;padding:6px 10px;border:1px solid var(--notifal-border-color, #ddd);border-radius:4px;font-size:12px;background:var(--notifal-bg-white, #fff);transition:border-color .2s ease}.notifal-meta-search-input:focus{outline:none;border-color:var(--notifal-primary-color, #0073aa);box-shadow:0 0 0 1px var(--notifal-primary-color, #0073aa)}.notifal-meta-list{max-height:240px;overflow-y:auto;border:1px solid var(--notifal-border, #e1e5e9);border-radius:6px;background:#fff;box-shadow:0 1px 3px #0000001a}.notifal-meta-loading,.notifal-meta-error,.notifal-meta-empty{text-align:center;padding:20px 16px;font-size:13px;color:var(--notifal-text-muted, #6c757d);margin:0}.notifal-meta-error{color:var(--notifal-error-color, #dc3545);background:#dc35450d;border-radius:4px;margin:8px 12px}.notifal-meta-item{display:flex;flex-direction:row;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #f8f9fa;cursor:pointer;transition:all .15s ease;font-size:13px;background:transparent;border-left:3px solid transparent;position:relative}.notifal-meta-item:hover{background:#f8f9fa;border-left-color:var(--notifal-primary, #007cba);transform:translate(1px)}.notifal-meta-item:focus{outline:none;background:#007bba0d;border-left-color:var(--notifal-primary, #007cba);box-shadow:inset 0 0 0 1px #007bba33}.notifal-meta-item:last-child{border-bottom:none}.notifal-meta-item.copied{background:#19875414;border-left-color:var(--notifal-success, #198754);color:var(--notifal-success, #198754)}.notifal-meta-name{font-weight:500;color:var(--notifal-text-primary, #1e1e1e);font-size:12px;line-height:1.4;word-break:break-all}.notifal-meta-description{font-size:11px;color:var(--notifal-text-muted, #6c757d);margin-left:auto;flex-shrink:0;background:#6c757d1a;padding:2px 6px;border-radius:3px;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.notifal-meta-item:after{content:"";width:16px;height:16px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>') no-repeat center;background-size:14px;opacity:0;transition:all .2s ease;margin-left:10px;flex-shrink:0}.notifal-meta-item:hover:after{opacity:.6}.notifal-meta-item.copied:after{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20,6 9,17 4,12"/></svg>') no-repeat center;background-size:14px;opacity:1;color:var(--notifal-success, #198754)}.notifal-available-meta-section.notifal-restriction-hidden{display:none}.notifal-meta-list::-webkit-scrollbar{width:8px}.notifal-meta-list::-webkit-scrollbar-track{background:#f8f9fa;border-radius:4px}.notifal-meta-list::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:4px;border:1px solid #f8f9fa}.notifal-meta-list::-webkit-scrollbar-thumb:hover{background:#adb5bd}@media(max-width:480px){.notifal-restriction-card{padding:12px}.notifal-card-header h4{font-size:14px}.notifal-card-description{font-size:11px}.notifal-tag-badge{font-size:11px;padding:3px 6px}.notifal-notice{padding:10px 12px}.notifal-notice-text{font-size:13px}.notifal-quick-date-buttons{flex-direction:column;gap:6px}.notifal-quick-date-btn{width:100%;text-align:center;padding:8px 12px}.notifal-meta-header{padding:8px 10px}.notifal-meta-toggle{font-size:12px}.notifal-meta-search{padding:8px 10px}.notifal-meta-search-input{font-size:11px;padding:5px 8px}.notifal-meta-list{max-height:180px}.notifal-meta-item{padding:10px 12px;font-size:13px}.notifal-meta-name{font-size:12px}.notifal-meta-description{font-size:10px;padding:1px 4px}.notifal-meta-name{font-size:11px}.notifal-meta-description{font-size:10px;padding-left:6px}}:root{--notifal-bg-color: var(--notifal-white);--notifal-light-bg: var(--notifal-secondary);--notifal-text-color: var(--notifal-text-dark);--notifal-border-color: var(--notifal-border);--notifal-primary-color: var(--notifal-primary);--notifal-primary-bg: rgba(var(--notifal-primary-rgb), .1);--notifal-primary-hover: #651bb0;--notifal-success-color: #27ae60;--notifal-success-bg: rgba(39, 174, 96, .1);--notifal-warning-color: #f39c12;--notifal-warning-hover: #e67e22;--notifal-danger-color: #e74c3c;--notifal-danger-hover: #c0392b;--notifal-danger-bg: rgba(231, 76, 60, .1)}.notifal-device-visibility-section{margin-bottom:2rem}.notifal-device-visibility-inline{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}.notifal-device-visibility-inline .notifal-field-wrapper{margin:0;flex:1;min-width:150px}.notifal-device-toggle-group{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}.notifal-device-toggle{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:1px solid var(--notifal-border-color);border-radius:6px;background:var(--notifal-bg-color);transition:all .2s ease}.notifal-device-toggle:hover{border-color:var(--notifal-primary-color);background:var(--notifal-primary-bg)}.notifal-device-toggle input[type=checkbox]{margin:0}.notifal-device-toggle label{font-weight:500;cursor:pointer;margin:0}.notifal-position-group{margin-bottom:2rem}.notifal-position-group h3{color:var(--notifal-primary-color);border-bottom:2px solid var(--notifal-primary-color);padding-bottom:.5rem;margin-bottom:1.5rem}.notifal-distance-settings{margin-top:1rem;padding:1rem;background:var(--notifal-light-bg);border-radius:8px;border-left:4px solid var(--notifal-primary-color)}.notifal-distance-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.notifal-distance-group{display:flex;flex-direction:column;gap:.5rem}.notifal-distance-group label{font-weight:500;color:var(--notifal-text-color);font-size:.9rem}.notifal-distance-group input[type=number]{padding:.5rem;border-radius:4px;font-size:.9rem;transition:border-color .2s ease;background:#fff}.notifal-distance-group input[type=number]:focus{border-color:var(--notifal-primary-color);outline:none;box-shadow:0 0 0 2px var(--notifal-primary-bg)}.notifal-position-preview{margin-top:1rem;padding:1rem;background:var(--notifal-light-bg);border-radius:8px;border:1px solid var(--notifal-border-color)}.notifal-preview-container{position:relative;width:100%;height:200px;background:linear-gradient(45deg,#f0f0f0 25%,transparent 25%),linear-gradient(-45deg,#f0f0f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f0f0 75%),linear-gradient(-45deg,transparent 75%,#f0f0f0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;border-radius:6px;overflow:hidden}.notifal-preview-notification{position:absolute;width:80px;height:40px;background:var(--notifal-primary-color);border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.7rem;font-weight:500;box-shadow:0 2px 8px #00000026;transition:all .3s ease}.notifal-display-type-wrapper{position:relative}.notifal-display-type-preview{margin-top:1rem;padding:1rem;background:var(--notifal-light-bg);border-radius:8px;border:1px solid var(--notifal-border-color)}.notifal-display-type-example{display:flex;align-items:center;justify-content:center;height:100px;background:#fff;border-radius:6px;border:1px solid var(--notifal-border-color);margin-top:.5rem}.notifal-mobile-settings{margin-top:1rem;padding:1rem;background:var(--notifal-light-bg);border-radius:8px;border-left:4px solid var(--notifal-success-color)}.notifal-mobile-preview{display:flex;align-items:center;gap:1rem;margin-top:1rem}.notifal-mobile-frame{width:120px;height:200px;border:2px solid var(--notifal-border-color);border-radius:12px;background:#fff;position:relative;overflow:hidden}.notifal-mobile-notification{position:absolute;width:90%;height:30px;background:var(--notifal-primary-color);border-radius:4px;color:#fff;font-size:.6rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.notifal-animation-preview{margin-top:1rem;padding:1rem;background:var(--notifal-light-bg);border-radius:8px;border:1px solid var(--notifal-border-color)}.notifal-animation-demo{display:flex;align-items:center;justify-content:center;height:80px;background:#fff;border-radius:6px;border:1px solid var(--notifal-border-color);margin-top:.5rem;position:relative;overflow:hidden}.notifal-animation-element{width:40px;height:40px;background:var(--notifal-primary-color);border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem;font-weight:500;transition:all .3s ease}.notifal-size-preview{margin-top:1rem;padding:1rem;background:var(--notifal-light-bg);border-radius:8px;border:1px solid var(--notifal-border-color)}.notifal-size-demo{display:flex;align-items:center;justify-content:center;height:120px;background:#fff;border-radius:6px;border:1px solid var(--notifal-border-color);margin-top:.5rem;position:relative;overflow:hidden}.notifal-size-element{background:var(--notifal-primary-color);border-radius:4px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:500;transition:all .3s ease;min-width:60px;min-height:40px}.notifal-audio-settings-group{margin-top:2rem}.notifal-audio-settings-group h3{color:var(--notifal-primary-color);border-bottom:2px solid var(--notifal-primary-color);padding-bottom:.5rem;margin-bottom:1.5rem;font-size:16px;font-weight:600}.notifal-audio-type-wrapper{margin-bottom:1.5rem}.notifal-audio-default-wrapper,.notifal-audio-custom-wrapper{margin-top:1rem}.notifal-media-upload-wrapper{display:flex;flex-direction:column;gap:1rem}.notifal-media-preview{min-height:40px;padding:.5rem;border:1px dashed var(--notifal-border-color);border-radius:4px;background:var(--notifal-bg-color)}.notifal-media-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem;background:var(--notifal-light-bg);border-radius:4px;border:1px solid var(--notifal-border-color)}.notifal-media-filename{font-size:14px;color:var(--notifal-text-color);font-weight:500}.notifal-media-remove{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:50%;background:var(--notifal-danger-color);color:#fff;cursor:pointer;transition:all .2s ease}.notifal-media-remove:hover{background:var(--notifal-danger-hover);transform:scale(1.1)}.notifal-media-upload-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:2px dashed var(--notifal-border-color);border-radius:6px;background:var(--notifal-bg-color);color:var(--notifal-text-color);cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500}.notifal-media-upload-btn:hover{border-color:var(--notifal-primary-color);background:var(--notifal-primary-bg);color:var(--notifal-primary-color)}.notifal-media-upload-btn svg{width:16px;height:16px}.notifal-audio-volume-wrapper{margin-top:1.5rem}.notifal-range-wrapper{display:flex;align-items:center;gap:1.5rem;margin-top:1rem}.notifal-range-slider{flex:1;height:8px;border-radius:4px;background:var(--notifal-border-color);outline:none;-webkit-appearance:none;appearance:none;transition:all .2s ease}.notifal-range-slider:focus{box-shadow:0 0 0 2px var(--notifal-primary-bg)}.notifal-range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--notifal-primary-color);cursor:pointer;transition:all .2s ease;border:2px solid white;box-shadow:0 2px 4px #0003}.notifal-range-slider::-webkit-slider-thumb:hover{background:var(--notifal-primary-hover);transform:scale(1.1);box-shadow:0 4px 8px #0000004d}.notifal-range-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--notifal-primary-color);cursor:pointer;border:2px solid white;transition:all .2s ease;box-shadow:0 2px 4px #0003}.notifal-range-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 4px 8px #0000004d}.notifal-range-value{min-width:50px;padding:.5rem .75rem;background:var(--notifal-primary-color);color:#fff;border-radius:6px;font-size:13px;font-weight:600;text-align:center;box-shadow:0 2px 4px rgba(var(--notifal-primary-rgb),.3)}.notifal-audio-settings-container{margin-top:1rem;padding:1rem;background:var(--notifal-bg-color);border:1px solid var(--notifal-border-color);border-radius:6px;transition:all .3s ease}.notifal-audio-preview-wrapper{margin-top:1rem}.notifal-audio-preview-wrapper .notifal-field-header{margin-bottom:1rem}.notifal-audio-preview-wrapper .notifal-field-header h4{margin:0;color:var(--notifal-primary-color);font-size:14px;font-weight:600}.notifal-audio-preview-controls{display:flex;align-items:center;gap:1rem;margin-top:1rem}.notifal-audio-preview-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:2px solid var(--notifal-primary-color);border-radius:8px;background:var(--notifal-primary-color);color:#fff;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:600;min-width:140px;justify-content:center;-webkit-user-select:none;user-select:none}.notifal-audio-preview-btn:hover{border-color:var(--notifal-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--notifal-primary-rgb),.3)}.notifal-audio-preview-btn.playing{background:var(--notifal-warning-color);border-color:var(--notifal-warning-color)}.notifal-audio-preview-btn.playing:hover{background:var(--notifal-warning-hover);border-color:var(--notifal-warning-hover);box-shadow:0 4px 12px #f39c124d}.notifal-audio-preview-icon{display:flex;align-items:center;justify-content:center}.notifal-audio-preview-icon .notifal-icon{font-size:18px}.notifal-audio-preview-text{font-weight:600}.notifal-audio-preview-status{flex:1;padding:.75rem;border-radius:6px;font-size:13px;font-weight:500;text-align:center;transition:all .2s ease;border:1px solid transparent}.notifal-audio-preview-status.playing{background:var(--notifal-success-bg);color:var(--notifal-success-color);border:1px solid var(--notifal-success-color)}.notifal-audio-preview-status.error{background:var(--notifal-danger-bg);color:var(--notifal-danger-color);border:1px solid var(--notifal-danger-color)}.notifal-advanced-settings{margin-top:1rem;padding:1rem;background:var(--notifal-light-bg);border-radius:8px;border-left:4px solid var(--notifal-warning-color)}.notifal-custom-css-editor{margin-top:1rem}.notifal-custom-css-editor textarea{width:100%;min-height:120px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;line-height:1.4;padding:.75rem;border:1px solid var(--notifal-border-color);border-radius:4px;background:#1e1e1e;color:#d4d4d4;resize:vertical}.notifal-custom-css-editor textarea:focus{border-color:var(--notifal-primary-color);outline:none;box-shadow:0 0 0 2px var(--notifal-primary-bg)}.notifal-css-error{margin-top:.5rem;padding:.5rem;background:#fef2f2;border:1px solid #dc2626;border-radius:4px;color:#dc2626;font-size:.875rem;line-height:1.4}.notifal-field-error{border-color:#dc2626!important;box-shadow:0 0 0 2px #dc262633!important}@media(max-width:768px){.notifal-distance-controls{grid-template-columns:1fr}.notifal-device-visibility-inline{flex-direction:column}.notifal-device-visibility-inline .notifal-field-wrapper{min-width:auto}.notifal-mobile-preview{flex-direction:column;align-items:center}}@media(max-width:480px){.notifal-position-preview{padding:.75rem}.notifal-preview-container{height:150px}.notifal-preview-notification{width:60px;height:30px;font-size:.6rem}}.notifal-hidden{display:none!important}.notifal-fade-in{animation:notifal-fade-in .3s ease-in-out}.notifal-slide-in{animation:notifalSlideIn .3s ease-in-out}.notifal-bounce{animation:notifalBounce .6s ease-in-out}.notifal-zoom{animation:notifalZoom .3s ease-in-out}.notifal-flip{animation:notifalFlip .6s ease-in-out}@keyframes notifalSlideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes notifalBounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes notifalZoom{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes notifalFlip{0%{transform:perspective(400px) rotateY(0)}40%{transform:perspective(400px) translateZ(150px) rotateY(170deg)}50%{transform:perspective(400px) translateZ(150px) rotateY(190deg)}80%{transform:perspective(400px) rotateY(360deg) scale(.95)}to{transform:perspective(400px) scale(1)}}.notifal-timing-settings{max-width:100%;margin:0;padding:0}.notifal-timing-settings h1{font-size:20px;font-weight:700;color:var(--notifal-primary);border-bottom:1px solid var(--notifal-border);padding-bottom:10px;margin-bottom:20px}.notifal-field-wrapper.notifal-hidden{display:none!important}.notifal-toggle-wrapper{display:flex;align-items:center;gap:12px;margin-bottom:15px}.notifal-toggle{position:relative;display:inline-block;width:44px;height:24px;background-color:var(--notifal-border);border-radius:12px;transition:background-color .3s ease;cursor:pointer}.notifal-toggle.active{background-color:var(--notifal-primary)}.notifal-toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:var(--notifal-white);border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.notifal-toggle.active:after{transform:translate(20px)}.notifal-toggle-label{font-size:14px;font-weight:500;color:var(--notifal-text-dark);cursor:pointer;-webkit-user-select:none;user-select:none}.notifal-field-label{display:block;font-size:14px;font-weight:600;color:var(--notifal-text-dark);margin-bottom:8px;line-height:1.4}.notifal-field-description{display:block;font-size:13px;color:var(--notifal-text-muted);margin-top:6px;line-height:1.4;font-style:italic}.notifal-field-help{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--notifal-primary);color:var(--notifal-white);border-radius:50%;font-size:10px;font-weight:700;cursor:help;margin-left:8px;transition:background-color .2s ease;position:relative}.notifal-field-help:hover{background:var(--notifal-primary-hover)}.notifal-help-text{background:var(--notifal-secondary);border:1px solid var(--notifal-border);border-radius:6px;padding:12px 16px;margin-top:10px;font-size:13px;line-height:1.5;color:var(--notifal-text-muted);border-left:3px solid var(--notifal-primary)}.notifal-help-text p{margin:0;font-style:italic}.notifal-help-tooltip{position:absolute;top:100%;left:50%;transform:translate(-50%);background:var(--notifal-text-dark);color:var(--notifal-white);padding:8px 12px;border-radius:4px;font-size:12px;line-height:1.4;white-space:nowrap;z-index:1000;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none;max-width:250px;white-space:normal}.notifal-help-tooltip:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid var(--notifal-text-dark)}.notifal-help-tooltip.show{opacity:1;visibility:visible}.notifal-timing-preview{background:var(--notifal-secondary);border:1px solid var(--notifal-border);border-radius:8px;padding:20px;margin-top:20px}.notifal-preview-summary{margin:0}.notifal-preview-text{font-size:14px;color:var(--notifal-text-dark);margin:0 0 15px;font-weight:500}.notifal-preview-list{list-style:none;margin:0;padding:0}.notifal-preview-list li{background:var(--notifal-white);border:1px solid var(--notifal-border);border-radius:4px;padding:10px 15px;margin-bottom:8px;font-size:13px;color:var(--notifal-text-dark);position:relative;transition:border-color .2s ease}.notifal-preview-list li:last-child{margin-bottom:0}.notifal-preview-list li:hover{border-color:var(--notifal-primary)}.notifal-preview-list li:before{content:"⏰";margin-right:8px;font-size:12px;opacity:.7}.notifal-timing-validation-error{background:#fef7f1;border:1px solid #d63638;border-radius:4px;padding:12px 16px;margin-bottom:20px;color:#d63638}.notifal-error-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-weight:600}.notifal-error-icon{font-size:16px;font-family:notifal-icon}.notifal-error-icon:before{content:"";font-family:notifal-icon}.notifal-error-list{list-style:none;margin:0;padding:0}.notifal-error-list li{margin-bottom:4px;padding-left:16px;position:relative}.notifal-error-list li:before{content:"•";position:absolute;left:0;color:#d63638}.notifal-error-list li:last-child{margin-bottom:0}.notifal-field-group[data-depends-on]{opacity:.6;transition:opacity .3s ease}.notifal-field-group[data-depends-on].notifal-visible{opacity:1}.notifal-field-group[data-depends-on]:after{content:attr(data-depends-on);position:absolute;top:8px;right:8px;background:var(--notifal-primary);color:var(--notifal-white);padding:2px 6px;border-radius:3px;font-size:10px;font-weight:500;opacity:.8}.notifal-field-wrapper.notifal-field-disabled{opacity:.6;pointer-events:none;position:relative}.notifal-field-wrapper.notifal-field-disabled:before{content:"";position:absolute;inset:0;background:#ffffff1a;border-radius:4px;z-index:1}.notifal-field-wrapper.notifal-field-disabled .notifal-toggle-input{opacity:0;cursor:not-allowed}.notifal-field-wrapper.notifal-field-disabled .notifal-toggle-slider{opacity:.5;cursor:not-allowed}.notifal-field-hint{font-size:12px;color:var(--notifal-text-muted);margin-top:8px;padding:8px 12px;background:var(--notifal-secondary);border:1px solid var(--notifal-border);border-radius:4px;border-left:3px solid var(--notifal-warning);font-style:italic;line-height:1.4}.notifal-field-hint:before{content:"💡";margin-right:6px;font-size:11px}@media(max-width:768px){.notifal-timing-preview{padding:15px}.notifal-preview-list li{padding:8px 12px;font-size:12px}}@media(max-width:480px){.notifal-timing-settings h1{font-size:20px}.notifal-toggle-wrapper{flex-direction:column;align-items:flex-start;gap:8px}}@keyframes notifal-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notifal-field-group:not(.notifal-hidden){animation:notifal-slide-down .3s ease}@keyframes notifal-fade-in{0%{opacity:0}to{opacity:1}}.notifal-timing-validation-error{animation:notifal-fade-in .3s ease}.notifal-field-group select:focus,.notifal-field-group input[type=number]:focus,.notifal-field-group input[type=text]:focus{outline:2px solid var(--notifal-primary);outline-offset:2px}.notifal-toggle:focus{outline:2px solid var(--notifal-primary);outline-offset:2px}.notifal-field-help:focus{outline:2px solid var(--notifal-primary);outline-offset:2px}.notifal-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.notifal-campaign-schedule-banner .notifal-campaign-schedule-info-lead{margin:0 0 6px;font-weight:600;color:var(--notifal-text-dark)}.notifal-campaign-schedule-banner .notifal-campaign-schedule-info-detail{margin:0;color:var(--notifal-text-muted);font-size:13px}@media(prefers-color-scheme:dark){.notifal-timing-settings{background:var(--notifal-text-dark);color:var(--notifal-white)}.notifal-timing-preview{background:var(--notifal-secondary);border-color:var(--notifal-border)}.notifal-preview-list li{background:var(--notifal-white);border-color:var(--notifal-border);color:var(--notifal-text-dark)}.notifal-timing-validation-error{background:#fef7f1;border-color:#d63638;color:#d63638}}