.notification-rules-container #simple-rules-builder .rules-group{background:#fff;border:1px solid #dee2e6;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem;transition:all .2s ease}@media(min-width:768px){.notification-rules-container #simple-rules-builder .rules-group{padding:1.5rem}}.notification-rules-container #simple-rules-builder .rules-group.global-rules{background:linear-gradient(135deg,#f8f8f8,#fff)}.notification-rules-container #simple-rules-builder .rules-group.global-rules .group-header h5{color:#001237;font-weight:500}.notification-rules-container #simple-rules-builder .rules-group.specific-match{background:linear-gradient(135deg,#f8f8f8,#fff)}.notification-rules-container #simple-rules-builder .rules-group.specific-match .group-header h6{color:#002615;font-weight:600}.notification-rules-container #simple-rules-builder .rules-group.specific-match .group-header h6 .match-number{border:1px solid #002615;border-radius:.25rem;padding:.125rem .375rem;font-size:.875rem;margin-left:.25rem}.notification-rules-container #simple-rules-builder .rules-group.specific-match .group-header h6 .match-number:focus{outline:none;box-shadow:0 0 0 2px #19875440}.notification-rules-container #simple-rules-builder .rules-group:hover{box-shadow:0 2px 8px #0000001a}.notification-rules-container #simple-rules-builder .group-header{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e9ecef}.notification-rules-container #simple-rules-builder .group-header h5,.notification-rules-container #simple-rules-builder .group-header h6{margin-bottom:.5rem;font-size:1rem}@media(max-width:767px){.notification-rules-container #simple-rules-builder .group-header h5,.notification-rules-container #simple-rules-builder .group-header h6{font-size:.9rem;margin-bottom:.25rem}}.notification-rules-container #simple-rules-builder .group-header h5 i,.notification-rules-container #simple-rules-builder .group-header h6 i{color:inherit;font-size:1em}.notification-rules-container #simple-rules-builder .group-header .text-muted{font-size:.875rem}@media(max-width:767px){.notification-rules-container #simple-rules-builder .group-header .text-muted{font-size:.8rem}}.notification-rules-container #simple-rules-builder .group-header .d-flex{gap:.5rem}@media(max-width:767px){.notification-rules-container #simple-rules-builder .group-header .d-flex{flex-direction:column;align-items:stretch!important;gap:.75rem}.notification-rules-container #simple-rules-builder .group-header .d-flex .btn{align-self:flex-start;width:auto}}.notification-rules-container #simple-rules-builder .rule-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:.375rem;padding:1rem;margin-bottom:.75rem;transition:all .2s ease;position:relative}@media(max-width:767px){.notification-rules-container #simple-rules-builder .rule-card{padding:.75rem;margin-bottom:.5rem}}.notification-rules-container #simple-rules-builder .rule-card:hover{border-color:#ced4da;box-shadow:0 2px 4px #0000000d}.notification-rules-container #simple-rules-builder .rule-card .form-label{font-weight:500;font-size:.875rem;color:#495057;margin-bottom:.375rem}@media(max-width:767px){.notification-rules-container #simple-rules-builder .rule-card .form-label{font-size:.8rem;margin-bottom:.25rem}}.notification-rules-container #simple-rules-builder .rule-card .form-label.small{font-size:.8rem}@media(max-width:767px){.notification-rules-container #simple-rules-builder .rule-card .form-label.small{font-size:.75rem}}.notification-rules-container #simple-rules-builder .rule-card .form-control{font-size:.875rem;transition:all .15s ease}@media(max-width:767px){.notification-rules-container #simple-rules-builder .rule-card .form-control{font-size:.85rem;padding:.5rem .75rem}}.notification-rules-container #simple-rules-builder .rule-card .form-control:focus{border-color:#86b7fe;box-shadow:0 0 0 .2rem #0d6efd40}.notification-rules-container #simple-rules-builder .rule-card .rule-help-icon{cursor:pointer;transition:all .2s ease;padding:.25rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}@media(max-width:767px){.notification-rules-container #simple-rules-builder .rule-card .rule-help-icon{min-width:40px;height:40px}}.notification-rules-container #simple-rules-builder .rule-card .rule-help-icon .help-icon{color:#6c757d;font-size:1.1rem;transition:all .2s ease}@media(max-width:767px){.notification-rules-container #simple-rules-builder .rule-card .rule-help-icon .help-icon{font-size:1.25rem}}.notification-rules-container #simple-rules-builder .rule-card .rule-help-icon:hover{background-color:#e9ecef}.notification-rules-container #simple-rules-builder .rule-card .rule-help-icon:hover .help-icon{color:#0060f1;transform:scale(1.1)}.notification-rules-container #simple-rules-builder .rule-card .rule-help-icon:active{background-color:#dee2e6}.notification-rules-container #simple-rules-builder .rule-card .row{margin:0}.notification-rules-container #simple-rules-builder .rule-card .row .col-12,.notification-rules-container #simple-rules-builder .rule-card .row .col-md-6,.notification-rules-container #simple-rules-builder .rule-card .row .col-md-5,.notification-rules-container #simple-rules-builder .rule-card .row .col-md-1{padding-left:0;padding-right:0}@media(min-width:768px){.notification-rules-container #simple-rules-builder .rule-card .row .col-12,.notification-rules-container #simple-rules-builder .rule-card .row .col-md-6,.notification-rules-container #simple-rules-builder .rule-card .row .col-md-5,.notification-rules-container #simple-rules-builder .rule-card .row .col-md-1{padding-left:.375rem;padding-right:.375rem}}@media(max-width:767px){.notification-rules-container #simple-rules-builder .rule-card .row .col-12+.col-12{margin-top:.75rem}}.notification-rules-container #simple-rules-builder .rule-operator-separator{margin:.5rem 0;position:relative}@media(max-width:767px){.notification-rules-container #simple-rules-builder .rule-operator-separator{margin:.75rem 0}}.notification-rules-container #simple-rules-builder .rule-operator-separator .operator-connector{display:flex;align-items:center;position:absolute;z-index:10;top:-20px;left:15px}.notification-rules-container #simple-rules-builder .rule-operator-separator .operator-connector .operator-toggle{display:flex;background:#fff;border:1px solid #dee2e6;border-radius:5px;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.notification-rules-container #simple-rules-builder .rule-operator-separator .operator-connector .operator-toggle:hover{border-color:#adb5bd;box-shadow:0 2px 6px #00000026}.notification-rules-container #simple-rules-builder .rule-operator-separator .operator-connector .operator-toggle input[type=radio]{display:none}.notification-rules-container #simple-rules-builder .rule-operator-separator .operator-connector .operator-toggle .toggle-option{padding:.375rem .75rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;color:#6c757d;background:transparent;border:none;margin:0;text-transform:uppercase;letter-spacing:.5px;min-width:45px;text-align:center}@media(max-width:767px){.notification-rules-container #simple-rules-builder .rule-operator-separator .operator-connector .operator-toggle .toggle-option{padding:.5rem 1rem;font-size:.8rem;min-width:50px}}.notification-rules-container #simple-rules-builder .rule-operator-separator .operator-connector .operator-toggle .toggle-option:hover{background:#f8f9fa;color:#495057}.notification-rules-container #simple-rules-builder .rule-operator-separator .operator-connector .operator-toggle .toggle-option:active{background:#e9ecef}.notification-rules-container #simple-rules-builder .rule-operator-separator .operator-connector .operator-toggle input[type=radio]:checked+.toggle-option{background:#007bff;color:#fff;box-shadow:inset 0 1px 3px #0003}.notification-rules-container #simple-rules-builder .rule-operator-separator .operator-connector .operator-toggle input[type=radio]:checked+.toggle-option:hover{background:#0056b3}.notification-rules-container #simple-rules-builder .rule-operator-separator .operator-connector .operator-toggle input[value=or]:checked+.toggle-option{background:#28a745}.notification-rules-container #simple-rules-builder .rule-operator-separator .operator-connector .operator-toggle input[value=or]:checked+.toggle-option:hover{background:#1e7e34}.notification-rules-container #simple-rules-builder .rule-operator-separator .operator-connector .operator-toggle:before{left:-12px}@media(max-width:767px){.notification-rules-container #simple-rules-builder .rule-operator-separator .operator-connector .operator-toggle:before{left:-15px}}.notification-rules-container #simple-rules-builder .rule-operator-separator .operator-connector .operator-toggle:after{right:-12px}@media(max-width:767px){.notification-rules-container #simple-rules-builder .rule-operator-separator .operator-connector .operator-toggle:after{right:-15px}}.notification-rules-container #simple-rules-builder .btn{font-size:.875rem;font-weight:500;transition:all .2s ease}@media(max-width:767px){.notification-rules-container #simple-rules-builder .btn{font-size:.8rem;padding:.5rem .75rem}}.notification-rules-container #simple-rules-builder .btn i{font-size:.875rem}@media(max-width:767px){.notification-rules-container #simple-rules-builder .btn i{font-size:.9rem}}.notification-rules-container #simple-rules-builder .btn.btn-outline-primary{color:#001237}.notification-rules-container #simple-rules-builder .btn.btn-outline-primary:hover{background-color:#0060f1;border-color:#0060f1;color:#fff;transform:translateY(-1px)}.notification-rules-container #simple-rules-builder .btn.btn-outline-success{color:#002615}.notification-rules-container #simple-rules-builder .btn.btn-outline-success:hover{background-color:#02703f;border-color:#02703f;color:#fff;transform:translateY(-1px)}.notification-rules-container #simple-rules-builder .btn.btn-outline-danger{border-color:#dc3545;color:#dc3545}.notification-rules-container #simple-rules-builder .btn.btn-outline-danger:hover{background-color:#dc3545;border-color:#dc3545;color:#fff;transform:translateY(-1px)}@media(max-width:767px){.notification-rules-container #simple-rules-builder .btn:active{transform:scale(.98)}.notification-rules-container #simple-rules-builder .btn:hover{transform:none}}.notification-rules-container #simple-rules-builder .delete-rule,.notification-rules-container #simple-rules-builder .delete-group{transition:all .2s ease}.notification-rules-container #simple-rules-builder .delete-rule .delete-icon,.notification-rules-container #simple-rules-builder .delete-group .delete-icon{font-size:1.1rem;font-weight:700;line-height:1;color:#dc3545}.notification-rules-container #simple-rules-builder .delete-rule .bi-x-octagon,.notification-rules-container #simple-rules-builder .delete-group .bi-x-octagon{color:#dc3545;font-size:1rem}@media(max-width:767px){.notification-rules-container #simple-rules-builder .delete-rule .bi-x-octagon,.notification-rules-container #simple-rules-builder .delete-group .bi-x-octagon{font-size:1.1rem}}.notification-rules-container #simple-rules-builder .delete-rule:hover .delete-icon,.notification-rules-container #simple-rules-builder .delete-rule:hover .bi-x-octagon,.notification-rules-container #simple-rules-builder .delete-group:hover .delete-icon,.notification-rules-container #simple-rules-builder .delete-group:hover .bi-x-octagon{color:#fff}.notification-rules-container #simple-rules-builder .delete-rule:hover,.notification-rules-container #simple-rules-builder .delete-group:hover{transform:scale(1.05)}@media(max-width:767px){.notification-rules-container #simple-rules-builder .delete-rule:hover,.notification-rules-container #simple-rules-builder .delete-group:hover{transform:scale(1.02)}}.notification-rules-container #simple-rules-builder .empty-rules-state{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:.5rem;margin:1rem 0}.notification-rules-container #simple-rules-builder .empty-rules-state .bi-inbox{color:#adb5bd;margin-bottom:1rem}.notification-rules-container #simple-rules-builder .empty-rules-state h6{color:#6c757d;margin-bottom:.5rem}.notification-rules-container #simple-rules-builder .empty-rules-state p{color:#adb5bd;font-size:.85rem}@media(max-width:767px){.notification-rules-container #simple-rules-builder .empty-rules-state p{font-size:.8rem}}.notification-rules-container #simple-rules-builder .loading-state,.notification-rules-container #simple-rules-builder .error-state{padding:2rem}@media(max-width:767px){.notification-rules-container #simple-rules-builder .loading-state,.notification-rules-container #simple-rules-builder .error-state{padding:1.5rem}}@media(max-width:767px){.notification-rules-container #simple-rules-builder .loading-state .spinner-border,.notification-rules-container #simple-rules-builder .error-state .spinner-border{width:1.5rem;height:1.5rem}}@media(max-width:767px){.notification-rules-container #simple-rules-builder .loading-state .display-6,.notification-rules-container #simple-rules-builder .error-state .display-6{font-size:2rem}}.notification-rules-container #simple-rules-builder .add-rule-btn{margin-top:.5rem}@media(max-width:767px){.notification-rules-container #simple-rules-builder .add-rule-btn{width:100%;justify-content:center}}.notification-rules-container .rules-preview{background-color:#212529;color:#f8f9fa;border-radius:.375rem;padding:1rem;overflow-x:auto;font-family:Courier New,monospace;font-size:.875rem}@media(max-width:767px){.notification-rules-container .rules-preview{font-size:.75rem;padding:.75rem}}.notification-rules-container .rules-preview code{color:inherit;background:none;padding:0}.notification-rules-container .alert{border-radius:.375rem}.notification-rules-container .alert.alert-info{background-color:#d1ecf1;border-color:#bee5eb;color:#0c5460}.notification-rules-container .alert .bi-info-circle{margin-right:.5rem;font-size:1rem}@media(max-width:576px){.notification-rules-container .btn-group-vertical .btn{margin-bottom:.25rem}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.notification-rules-container .rule-operator-separator .operator-connector .operator-toggle{border-width:.5px}}@media print{.notification-rules-container .btn,.notification-rules-container .rule-help-icon,.notification-rules-container .delete-rule,.notification-rules-container .delete-group{display:none!important}.notification-rules-container .rule-card{border:1px solid #000;break-inside:avoid}}