@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:"Vazirmatn","Segoe UI",Tahoma,sans-serif;background:linear-gradient(135deg,#f0f4fb 0,#e6edf7 100%);min-height:100vh;padding:30px 20px;direction:rtl}.container{max-width:1000px;margin:0 auto}.device-number-bar,.main-header{display:flex;align-items:center;gap:16px}.main-header{background:linear-gradient(135deg,#1a2a4a 0,#2c3e66 100%);padding:16px 24px;border-radius:20px;margin-bottom:28px;box-shadow:0 8px 32px rgba(26,42,74,.25)}.main-header .header-logo{height:50px;width:auto;border-radius:8px}.main-header .header-brand-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.main-header .header-brand-text i{font-size:24px;color:#6ea8fe}.main-header .header-brand-text h1{color:#fff;font-size:22px;font-weight:700;margin:0;line-height:1.2}.main-header .header-brand-text .badge{background:rgba(255,255,255,.12);color:#b0d4ff;padding:4px 14px;border-radius:30px;font-size:13px;font-weight:400;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.06);display:inline-block}.device-number-bar{background:#fff;padding:14px 24px;border-radius:14px;margin-bottom:20px;box-shadow:0 4px 12px rgba(0,0,0,.04);flex-wrap:wrap;border:1px solid #e2eaf3}.device-number-bar label{font-weight:600;color:#2c3e66;font-size:14px;display:flex;align-items:center;gap:8px;margin:0}.device-number-bar input{flex:1;min-width:180px;padding:10px 14px;border:1.5px solid #dde4ed;border-radius:10px;font-size:14px;font-family:"Vazirmatn",sans-serif;background:#fafcfe;transition:all .2s ease}.device-number-bar input:focus{border-color:#2a5fd9;outline:0;box-shadow:0 0 0 3px rgba(42,95,217,.12)}.device-number-bar .hint,label .hint{color:#7a8ea8;font-size:13px}.tabs{display:flex;flex-wrap:wrap;gap:4px;background:#fff;padding:6px 12px 0;border-radius:16px 16px 0 0;box-shadow:0-2px 12px rgba(0,0,0,.02);border-bottom:2px solid #e2eaf3}.tab-btn,input,select{font-size:14px;transition:all .2s ease}.tab-btn{padding:12px 22px;border:0;background:0 0;font-family:"Vazirmatn",sans-serif;font-weight:600;color:#5a6e8a;cursor:pointer;border-radius:10px 10px 0 0;border-bottom:3px solid transparent;margin-bottom:-2px;display:flex;align-items:center;gap:8px}.tab-btn i{font-size:16px;opacity:.7}.tab-btn:hover{background:#f2f6fc;color:#1a2a4a}.tab-btn.active{color:#2a5fd9;border-bottom-color:#2a5fd9;background:#f0f6ff}.tab-btn.active i{opacity:1}.tab-content{display:none;background:#fff;padding:28px 30px;border-radius:0 0 18px 18px;box-shadow:0 6px 24px rgba(0,0,0,.04);border:1px solid #e8eff6;border-top:none;animation:fadeUp .3s ease}.tab-content.active,label{display:block}.section-title{font-size:20px;font-weight:700;color:#1a2a4a;margin-bottom:20px;border-right:4px solid #2a5fd9;padding-right:14px;display:flex;align-items:center;gap:10px}.section-title i{color:#2a5fd9}label{font-weight:600;color:#2c3e66;margin-top:14px;margin-bottom:5px;font-size:13px;letter-spacing:.3px}label .hint{font-weight:400;font-size:12px;margin-right:6px}input,select{width:100%;padding:10px 14px;border:1.5px solid #dde4ed;border-radius:10px;background:#fafcfe;color:#1a2a4a}input{font-family:"Vazirmatn",sans-serif}input:focus,select:focus{border-color:#2a5fd9;outline:0;box-shadow:0 0 0 3px rgba(42,95,217,.12);background:#fff}select{appearance:auto;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234a5a7a' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center;padding-left:36px}select,select option{font-family:inherit!important}.row{display:flex;gap:14px;flex-wrap:wrap}.row>*{flex:1 1 150px}.btn-group{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.btn,.operator-selector label{align-items:center;cursor:pointer;color:#1a2a4a}.btn{padding:10px 24px;border:0;border-radius:10px;font-weight:600;font-size:14px;font-family:"Vazirmatn",sans-serif;transition:all .2s ease;display:inline-flex;gap:8px;background:#eef2f7;text-decoration:none}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.08)}.btn:active{transform:scale(.97)}.btn-primary{background:#2a5fd9;color:#fff}.btn-primary:hover{background:#1e4bb8}.btn-success{background:#1db954;color:#fff}.btn-success:hover{background:#17a34a}.btn-danger{background:#e74c3c;color:#fff}.btn-danger:hover{background:#c0392b}.btn-warning{background:#f39c12;color:#fff}.btn-warning:hover{background:#d68910}.btn-outline{background:0 0;border:1.5px solid #c4d4e4}.btn-outline:hover{background:#f2f6fc}.btn-sm{padding:6px 16px;font-size:12px}.btn-send{background:#009637;color:#fff}.btn-send:hover{background:#026d29}.dynamic-item{background:#f7faff;border:1px solid #e2eaf3;border-radius:12px;padding:18px 20px;margin-top:12px;position:relative;transition:all .2s ease}.dynamic-item:hover{border-color:#b8cce0;box-shadow:0 2px 8px rgba(0,0,0,.02)}.dynamic-item .remove-btn{position:absolute;top:10px;left:10px;background:#fee9e7;color:#c0392b;border:0;border-radius:50%;width:30px;height:30px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.dynamic-item .remove-btn:hover{background:#c82816;color:#fff;transform:scale(1.05)}.dynamic-item .item-label{font-weight:600;color:#2c3e66;font-size:14px;margin-bottom:8px;display:flex;align-items:center;gap:8px}.dynamic-item .item-label i{color:#2a5fd9;font-size:16px}.operator-selector{display:flex;gap:16px;align-items:center;margin:6px 0 10px;padding:8px 16px;background:#eef4fa;border-radius:8px;flex-wrap:wrap}.operator-selector span{font-weight:500;color:#2c3e66;font-size:13px}.operator-selector label{display:flex;gap:6px;font-weight:400;font-size:13px;margin:0}.operator-selector input[type=radio]{width:18px;height:18px;accent-color:#2a5fd9;cursor:pointer}.add-btn-container,.output-wrapper{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}.output-wrapper{align-items:center;gap:12px;margin-top:18px}.output-box{flex:1 1 auto;min-width:200px;background:#4d6078;color:#dfecff;border-radius:12px;padding:12px 16px;border:1px solid #8ca4c24c;display:flex;flex-direction:column;gap:4px;direction:ltr;text-align:left;cursor:pointer;transition:background .1s ease}.output-box:hover{background:#1e2d42}.output-box .label{color:#dfecff;font-size:12px;font-family:"Vazirmatn",sans-serif;font-weight:500}.output-box .cmd-text{color:#dfecff;font-family:"Courier New",monospace;font-size:14px;word-break:break-all;direction:ltr;text-align:left;line-height:1.5}.output-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.output-actions .copy-btn{background:#2d4058;color:#dfecff;border:0;padding:8px 16px;border-radius:8px;font-size:13px;font-family:"Vazirmatn",sans-serif;cursor:pointer;transition:.2s;white-space:nowrap}.output-actions .copy-btn:hover{background:#3a5470}.output-actions .send-link{display:inline-flex;align-items:center;gap:6px;color:#009637;font-weight:600;text-decoration:none;font-size:14px;white-space:nowrap;padding:6px 12px;border-radius:8px;background:rgba(37,211,102,.08);transition:.2s}.output-actions .send-link:hover{background:rgba(37,211,102,.18);text-decoration:none}.footer-note{text-align:center;color:#89b;font-size:13px;margin-top:30px;padding:16px;border-top:1px solid #e2eaf3}.rule-selector{display:flex;gap:14px;align-items:center;background:#f7faff;padding:14px 18px;border-radius:12px;border:1px solid #e2eaf3;margin-bottom:20px;flex-wrap:wrap}.rule-selector label{margin:0;font-size:14px;font-weight:600;color:#2c3e66}.rule-selector select{flex:1;min-width:180px}.rule-section{background:#f8faff;border-radius:10px;padding:14px 16px;margin-bottom:14px;border:1px solid #e8eff6;transition:all .2s ease}#tab-advanced .row:last-of-type,.rule-section:last-of-type{margin-bottom:0}.rule-section-title{font-size:13px;font-weight:700;color:#2a5fd9;margin-bottom:8px;display:flex;align-items:center;gap:6px}.rule-section-title i{font-size:14px;color:#2a5fd9}.tmr-output-row{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:14px!important}.tmr-output-row>*{flex:1 1 0!important;min-width:0!important;width:auto!important}.tmr-output-row input,.tmr-output-row select{height:44px!important;padding:10px 14px!important;font-size:14px!important;box-sizing:border-box!important}#tab-advanced .row{margin-bottom:8px}.seq-action-remove,.seq-action-row{display:flex!important;align-items:center!important}.seq-action-row{flex-direction:row!important;flex-wrap:nowrap!important;gap:6px!important;background:#f8faff;padding:4px 8px!important;border-radius:6px;border:1px solid #e2eaf3;margin-bottom:4px;min-height:38px}.seq-action-remove{width:26px!important;height:26px!important;min-width:26px!important;border-radius:50%!important;background:#fee9e7!important;color:#c0392b!important;border:0!important;font-size:12px!important;cursor:pointer!important;justify-content:center!important;padding:0!important;flex-shrink:0!important;transition:all .2s ease!important;margin-right:auto!important;order:0!important}.action-remove-btn:hover,.seq-action-remove:hover{background:#e74c3c!important;color:#fff!important;transform:scale(1.1)}.seq-action-type{flex:2 1 120px!important;min-width:120px}.seq-action-p1,.seq-action-p2{flex:1 1 80px!important;min-width:80px}.action-p1 input,.action-p2 input,.action-type select,.seq-action-p1 input,.seq-action-p2 input,.seq-action-type select{width:100%!important;padding:6px 8px!important;font-size:13px!important;border-radius:6px!important;height:32px!important}.seq-add-action-btn{padding:5px 10px!important;font-size:14px!important;margin-top:4px}#seq-steps-container .remove-btn:hover{background:#c82816!important;color:#fff!important;transform:scale(1.1)!important}.action-row{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;background:#f8faff;padding:4px 8px!important;border-radius:6px;border:1px solid #e2eaf3;margin-bottom:4px;min-height:38px}.action-remove-btn{width:26px!important;height:26px!important;min-width:26px!important;border-radius:50%!important;background:#fee9e7!important;color:#c0392b!important;border:0!important;font-size:12px!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;transition:all .2s ease!important;flex-shrink:0!important}.action-type{flex:2!important;min-width:120px}.action-p1,.action-p2{flex:1!important;min-width:80px}@media (max-width:640px){.main-header{flex-direction:row;flex-wrap:wrap;padding:12px 16px;gap:12px}.main-header .header-logo{height:40px}.main-header .header-brand-text h1{font-size:18px}.main-header .header-brand-text .badge{font-size:11px;padding:2px 12px}.main-header .header-brand-text i{font-size:20px}.device-number-bar{flex-direction:column;align-items:stretch;padding:12px 16px;gap:8px}.device-number-bar label{font-size:14px;margin:0}.device-number-bar input{font-size:16px;padding:12px 14px}.device-number-bar .hint{font-size:12px}.tabs{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:2px;padding:6px 8px 0;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab-btn{flex:0 0 auto;padding:10px 14px;font-size:13px;white-space:nowrap;border-radius:8px 8px 0 0;gap:4px}.dynamic-item .item-label,.tab-btn i{font-size:14px}.tab-content{padding:16px 14px;border-radius:0 0 14px 14px}.section-title{font-size:18px;padding-right:10px;margin-bottom:14px}label{font-size:13px;margin-top:12px;margin-bottom:4px}input,select{font-size:16px;padding:12px 14px;border-radius:8px}.row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px}.row>*{width:100%!important;flex:unset!important}#tab-advanced .header-row>:last-child:nth-child(odd),#tab-advanced .row>:last-child:nth-child(odd),.row>:last-child:nth-child(odd){grid-column:1/-1}.tmr-output-row{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important;grid-template-columns:unset!important}.tmr-output-row>*{flex:1!important;min-width:0!important;width:auto!important}#tab-advanced .tmr-output-row input,#tab-advanced .tmr-output-row select,.tmr-output-row input,.tmr-output-row select{height:44px!important;padding:10px 14px!important;font-size:14px!important}.dynamic-item{padding:14px 16px;margin-top:10px;display:block!important;width:100%}.dynamic-item .remove-btn{width:34px;height:34px;font-size:18px;top:8px;left:8px}.operator-selector span{font-size:12px;flex:1 1 100%}.operator-selector input[type=radio]{width:20px;height:20px}.btn-group{gap:8px;margin-top:14px;flex-direction:row!important;flex-wrap:wrap}.btn{padding:12px 18px;font-size:14px;border-radius:8px;flex:1 1 auto;justify-content:center}.btn-sm{padding:10px 16px;font-size:13px}.btn-send{flex:1}.output-wrapper{flex-direction:column;align-items:stretch;gap:10px}#tab-advanced .output-wrapper .output-box,.output-wrapper .output-box{min-width:unset;width:100%}.add-btn-container{flex-direction:column;gap:8px}.add-btn-container .btn{width:100%;justify-content:center}.dynamic-item .row{display:grid!important;grid-template-columns:35% 15% 30% 15%!important;gap:2%;align-items:center}.dynamic-item .row--action{grid-template-columns:55% 20% 20%!important}.operator-selector{flex-wrap:wrap;gap:6px;padding:6px 10px;margin:4px 0 8px}.operator-selector label{font-size:12px;margin:0}.footer-note{font-size:12px;padding:12px;margin-top:20px}.rule-selector{flex-direction:column;align-items:stretch;padding:12px 14px}.rule-selector select{min-width:unset}#tab-advanced .row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px;margin-bottom:12px}#tab-advanced .row>*{width:100%!important;flex:unset!important}#tab-advanced .tmr-output-row{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important;grid-template-columns:unset!important}#tab-advanced .tmr-output-row>*{flex:1!important;min-width:0!important;width:auto!important}#tab-advanced .header-row{grid-template-columns:1fr 1fr!important}#tab-advanced .output-wrapper{flex-direction:column;align-items:stretch;gap:10px}#tab-advanced .btn-group{flex-direction:row!important;flex-wrap:wrap}#tab-advanced .btn-group .btn{flex:1 1 auto;min-width:100px;max-width:200px}.rule-section{padding:12px;margin-bottom:12px}.seq-action-row{flex-wrap:wrap!important;gap:4px!important;padding:6px 8px!important}.seq-action-type{flex:1 1 100%!important;min-width:unset!important}.seq-action-p1,.seq-action-p2{flex:1 1 calc(50% - 4px)!important;min-width:unset!important}.seq-action-remove{width:30px!important;height:30px!important;min-width:30px!important;font-size:14px!important;margin-right:auto!important;order:0!important}.action-row{flex-wrap:wrap!important;gap:4px!important;padding:6px 8px!important}.action-type{flex:1 1 100%!important;min-width:unset!important}.action-p1,.action-p2{flex:1 1 calc(50% - 4px)!important;min-width:unset!important}.action-remove-btn{width:30px!important;height:30px!important;min-width:30px!important;font-size:14px!important}}