#tab-rules{background:#f4f8fd!important;color:#0b1d3a!important}
#tab-rules .automaticRulesShell,#tab-rules .automaticRulesShell *{color:#0b1d3a}
.automaticRulesShell{--ar-blue:#0875ed;--ar-navy:#0b2d61;--ar-muted:#637a9e;--ar-line:#d7e5f4;--ar-bg:#f4f8fd;--ar-card:#fff;min-height:100%;padding:18px;background:var(--ar-bg)!important;color:#0b1d3a!important;font-family:Inter,"Segoe UI",sans-serif}
.automaticRulesHeader{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px}.automaticRulesHeader nav{font-size:14px;color:#6b7f9f!important;margin-bottom:18px}.automaticRulesHeader nav b{padding:0 12px;color:#8294ae!important}.automaticRulesTitle{display:flex;align-items:center;gap:18px}.automaticRulesTitle>span{font-size:44px;color:var(--ar-blue)!important}.automaticRulesHeader h2{font-size:34px;line-height:1.05;margin:0;color:#071a37!important}.automaticRulesHeader p{margin:7px 0 0;color:#637a9e!important;font-size:15px}.automaticRulesHeader>div:last-child{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.automaticRulesHeader button{border:1px solid #bfd5ed;background:#fff;color:#10284b!important;border-radius:10px;padding:13px 18px;font-weight:800;font-size:14px;box-shadow:0 5px 14px rgba(33,80,135,.09)}.automaticRulesHeader .automaticRulesNew{background:linear-gradient(135deg,#1685f7,#0866d7);color:#fff!important;border-color:#0875ed}.automaticRulesHeader .automaticRulesHelp{font-size:19px;padding:12px 17px;background:#edf5fd}
.automaticRulesNotice{display:flex;gap:14px;align-items:center;border:1px solid #bbdbfa;background:#eef7ff!important;padding:13px 18px;border-radius:10px;margin-bottom:16px}.automaticRulesNotice strong{font-size:20px;color:#0875ed!important}.automaticRulesNotice span{color:#315b8f!important;font-size:14px}
.automaticRulesMetrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.automaticRulesMetric{display:flex;align-items:center;gap:18px;min-height:112px;padding:18px;background:#fff!important;border:1px solid var(--ar-line);border-radius:12px;box-shadow:0 8px 23px rgba(24,73,125,.07)}.automaticRulesIcon{display:grid;place-items:center;flex:0 0 56px;width:56px;height:56px;border-radius:50%;background:#e8f3ff!important;color:#0875ed!important;font-size:28px;font-weight:800}.automaticRulesMetric:nth-child(2) .automaticRulesIcon{background:#e7f8f1!important;color:#079d68!important}.automaticRulesMetric:nth-child(3) .automaticRulesIcon{background:#ffeded!important;color:#dc3143!important}.automaticRulesMetric:nth-child(4) .automaticRulesIcon{background:#fff6df!important;color:#eea400!important}.automaticRulesMetric div{display:grid}.automaticRulesMetricLabel{font-size:14px;font-weight:700;color:#526a8d!important}.automaticRulesMetricValue{font-size:28px;line-height:1.1;color:#071a37!important}.automaticRulesMetric small{color:#7185a3!important;font-size:13px}
.automaticRulesMainGrid{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(390px,.95fr);gap:16px;align-items:start}.automaticRulesLeft{display:grid;gap:16px}.automaticRulesTemplates,.automaticRulesConfigured,.automaticRulesEditor{background:#fff!important;border:1px solid var(--ar-line);border-radius:13px;box-shadow:0 8px 22px rgba(30,70,120,.06);overflow:hidden}.automaticRulesTemplates>header,.automaticRulesConfigured>header,.automaticRulesEditor>header{display:flex;align-items:center;gap:12px;padding:16px 18px}.automaticRulesTemplates header h3,.automaticRulesConfigured header h3,.automaticRulesEditor header h3{margin:0;font-size:19px;color:#0b1d3a!important}.automaticRulesTemplates header p,.automaticRulesConfigured header p,.automaticRulesEditor header p{margin:2px 0 0;color:#7084a2!important;font-size:13px}.automaticRulesTemplates>div{display:grid;gap:10px;padding:0 16px 16px}.automaticRulesTemplate{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto auto;gap:12px;align-items:center;border:1px solid #d9e8f7;border-radius:10px;padding:12px 14px;background:#fff!important}.automaticRulesTemplate:first-child{background:#f0f7ff!important}.automaticRulesTemplateCopy{min-width:0;display:grid}.automaticRulesTemplateCopy strong{font-size:14px;color:#13233e!important}.automaticRulesTemplateCopy span{font-size:12px;color:#627999!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.automaticRulesVersion{border:1px solid #cfe4f8;border-radius:6px;padding:5px 11px;color:#416184!important;background:#f8fbff!important}.automaticRulesSeverity,.automaticRulesState{display:inline-flex;align-items:center;gap:7px;width:max-content;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800;text-transform:none}.automaticRulesSeverity i{width:9px;height:9px;border-radius:50%;background:#f2a600}.automaticRulesSeverity.critical{background:#fff0f1!important;color:#c82b3c!important;border:1px solid #f7cbd0}.automaticRulesSeverity.critical i{background:#d92f40}.automaticRulesSeverity.info{background:#eaf4ff!important;color:#166fc9!important}.automaticRulesDays{font-size:12px;color:#526a8c!important;white-space:nowrap}.automaticRulesActivate,.automaticRulesActivated,.automaticRulesReadonly{border:1px solid #75b4f3;border-radius:8px;padding:9px 14px;background:#fff!important;color:#096bd1!important;font-weight:800;white-space:nowrap}.automaticRulesActivated{border:0;background:#dcf7ea!important;color:#13865d!important}.automaticRulesReadonly{border-color:#d8e2ed;background:#f4f7fa!important;color:#60728c!important;font-size:12px}
.automaticRulesConfigured>header{justify-content:flex-start}.automaticRulesConfigured>header>label{margin-left:auto}.automaticRulesConfigured input[type=search]{width:220px;padding:10px 13px;border:1px solid #d1e0ef;border-radius:8px;background:#fff!important;color:#10213c!important}.automaticRulesTableScroll{overflow-x:auto}.automaticRulesTable{width:100%;border-collapse:collapse;min-width:760px}.automaticRulesTable th{padding:11px 13px;background:#edf4fb!important;color:#304d73!important;text-align:left;font-size:12px}.automaticRulesTable td{padding:12px 13px;border-top:1px solid #e2ecf6;color:#344d70!important;font-size:12px}.automaticRulesTable td strong{color:#13233f!important}.automaticRulesTable tbody tr{cursor:pointer}.automaticRulesTable tbody tr:hover,.automaticRulesTable tbody tr[aria-selected=true]{background:#eef6ff!important}.automaticRulesState.active{background:#ddf7eb!important;color:#11845a!important}.automaticRulesState.inactive{background:#edf1f6!important;color:#5b6e89!important}.automaticRulesRowMenu{border:0;background:transparent!important;color:#173d70!important;font-size:16px}.automaticRulesEmpty{text-align:center;color:#7084a2!important;padding:20px}
.automaticRulesEditor{position:sticky;top:14px}.automaticRulesEditor>header{justify-content:space-between;border-bottom:1px solid #e3edf6}.automaticRulesEditor>header>div{display:flex;align-items:center;gap:11px}.automaticRulesEditor>header>div:last-child{gap:7px}.automaticRulesEditor form{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:16px}.automaticRulesEditor label{display:grid;gap:6px}.automaticRulesEditor label>span{font-size:12px;font-weight:800;color:#203754!important}.automaticRulesEditor input,.automaticRulesEditor select{min-width:0;width:100%;padding:11px;border:1px solid #cbd9e8;border-radius:8px;background:#fff!important;color:#17253a!important;font:inherit}.automaticRulesEditor footer{grid-column:1/-1;display:flex;align-items:center;gap:12px;border-top:1px solid #e3edf6;padding-top:16px}.automaticRulesEditor footer>span{margin-right:auto;font-weight:800;color:#536b8d!important}.automaticRulesSave,.automaticRulesDeactivate{border-radius:8px;padding:11px 18px;font-weight:800;border:1px solid #0e73dc}.automaticRulesSave{background:#0875ed!important;color:#fff!important}.automaticRulesDeactivate{background:#fff!important;color:#d93b47!important;border-color:#ef9ba2}.automaticRulesEmptyEditor{padding:50px 20px;text-align:center;color:#6f83a2!important}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.automaticRulesMetrics{grid-template-columns:repeat(2,1fr)}.automaticRulesMainGrid{grid-template-columns:1fr}.automaticRulesEditor{position:static}}
#tab-rules .automaticRulesTable tbody td{color:#344d70!important;-webkit-text-fill-color:#344d70!important}#tab-rules .automaticRulesTable tbody td *{-webkit-text-fill-color:currentColor!important}
@media(max-width:820px){#tab-rules .automaticRulesTable.revupResponsiveTable tbody td::before{color:#526a8d!important;-webkit-text-fill-color:#526a8d!important}}
@media(max-width:620px){.automaticRulesShell{padding:12px}.automaticRulesHeader{align-items:flex-start;flex-direction:column}.automaticRulesHeader h2{font-size:27px}.automaticRulesHeader>div:last-child{width:100%}.automaticRulesHeader button{flex:1;padding:11px 10px}.automaticRulesMetrics{grid-template-columns:1fr}.automaticRulesMetric{min-height:94px}.automaticRulesTemplate{grid-template-columns:1fr auto}.automaticRulesTemplateCopy{grid-column:1/-1}.automaticRulesConfigured>header{align-items:flex-start;flex-wrap:wrap}.automaticRulesConfigured>header>label{width:100%;margin:0}.automaticRulesConfigured input[type=search]{width:100%}.automaticRulesEditor form{grid-template-columns:1fr}.automaticRulesEditor footer{grid-column:1;flex-wrap:wrap}.automaticRulesEditor footer>span{width:100%}.automaticRulesSave,.automaticRulesDeactivate{flex:1}.automaticRulesTitle>span{font-size:34px}}