.hint-alert{text-align:center}.drag-handle{cursor:grab;opacity:.35;touch-action:none;margin:-4px;padding:4px;font-size:14px;transition:opacity .15s}.drag-handle:hover{opacity:.8}.drag-handle:active{cursor:grabbing}.row-dragging{opacity:.4}.drop-before>td{box-shadow:inset 0 2px 0 0 var(--ant-color-primary)}.drop-after>td{box-shadow:inset 0 -2px 0 0 var(--ant-color-primary)}.criterion-flow{flex-direction:column;gap:2px;font-size:12px;display:flex}.criterion-row{white-space:nowrap;align-items:baseline;gap:4px;display:inline-flex}.criterion-label{text-transform:uppercase;opacity:.55;letter-spacing:.04em;font-size:10px}.criterion-value{font-weight:500}.criterion-more{background:var(--ant-color-fill-tertiary);border-radius:8px;padding:0 5px;font-size:11px}.criterion-empty{opacity:.4}.target-row{align-items:center;gap:4px;display:flex}.target-icon{opacity:.6;font-size:12px}.rule-list{flex-direction:column;gap:14px;display:flex}.rule-card{background:var(--bg-card,#fff);border:1px solid var(--ant-color-border);border-radius:8px;flex-direction:column;gap:8px;padding:10px 12px;transition:opacity .15s,box-shadow .15s;display:flex;position:relative;box-shadow:0 1px 3px #0000000f}.rule-list>.rule-card:not(:last-child):after{content:"";background:var(--ant-color-border);opacity:.7;width:32px;height:1px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.rule-card.row-dragging{opacity:.4}.rule-card.drop-before{box-shadow:inset 0 2px 0 0 var(--ant-color-primary)}.rule-card.drop-after{box-shadow:inset 0 -2px 0 0 var(--ant-color-primary)}.rule-card-head{align-items:center;gap:8px;display:flex}.rule-number{opacity:.75;flex:1;font-size:13px;font-weight:600}.rule-flow{align-items:center;gap:8px;display:flex}.flow-side{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.flow-side-target{text-align:right;align-items:flex-end}.flow-label{text-transform:uppercase;letter-spacing:.05em;opacity:.55;font-size:10px}.flow-tag{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:0;overflow:hidden}.flow-arrow{opacity:.45;flex-shrink:0;font-size:16px}.rule-criteria{border-top:1px dashed var(--ant-color-border);flex-wrap:wrap;gap:4px;padding-top:6px;display:flex}.criterion-chip{background:var(--ant-color-fill-tertiary);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;align-items:baseline;gap:4px;max-width:100%;padding:1px 6px;font-size:11px;display:inline-flex;overflow:hidden}.criterion-chip-label{text-transform:uppercase;letter-spacing:.04em;opacity:.6;font-size:9px}.criterion-chip-value{font-weight:500}.rule-empty{text-align:center;opacity:.4;padding:24px}.item-heading{opacity:.85;justify-content:space-between;align-items:center;gap:8px;font-weight:500;display:flex}.sniffing-options{flex-wrap:wrap;gap:8px 16px;display:flex}.sniffing-options .ant-checkbox-wrapper{margin-inline-start:0}.toolbar-right{justify-content:flex-end;display:flex}.card-empty{text-align:center;opacity:.4;padding:16px 0}.outbound-card{border:1px solid var(--ant-color-border-secondary);border-radius:8px;flex-direction:column;gap:8px;margin-bottom:8px;padding:12px;display:flex}.card-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.card-identity{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.card-num{opacity:.7;text-align:right;min-width:18px;font-weight:500}.tag-name{text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-weight:500;display:inline-block;overflow:hidden}.protocol-line{flex-wrap:wrap;gap:2px;display:inline-flex}.address-list{flex-wrap:wrap;gap:4px;display:flex}.address-pill{background:var(--ant-color-fill-tertiary);border-radius:4px;padding:2px 6px;font-size:11px}.action-cell{align-items:center;gap:6px;display:flex}.row-index{opacity:.7;text-align:right;min-width:18px;font-weight:500}.action-buttons{justify-content:flex-end;align-items:center;gap:4px;margin-left:auto;display:flex}.identity-cell{flex-direction:column;gap:4px;min-width:0;display:flex}.card-foot{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.card-test{align-items:center;gap:8px;margin-left:auto;display:inline-flex}.traffic-up{color:#008771;font-size:12px}.traffic-down{color:#3c89e8;font-size:12px}.traffic-sep{width:4px;display:inline-block}.pill-ok,.pill-fail{border-radius:12px;align-items:center;gap:4px;padding:1px 8px;font-size:12px;display:inline-flex}.pill-ok{color:#008771;background:#0087711f}.pill-fail{color:#e04141;background:#e041411f}.empty{opacity:.4}.outbound-test-popover .timing-breakdown{min-width:180px;max-width:320px;font-size:12px;line-height:1.6}.outbound-test-popover .td-head{align-items:center;gap:6px;margin-bottom:4px;font-weight:600;display:flex}.outbound-test-popover .td-head.ok{color:#008771}.outbound-test-popover .td-head.fail{color:#e04141}.outbound-test-popover .mode-badge{background:color-mix(in srgb, var(--ant-color-primary) 12%, transparent);color:var(--ant-color-primary);border-radius:8px;margin-left:auto;padding:0 6px;font-size:10px;font-weight:500}.outbound-test-popover .endpoint-row{white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:flex}.outbound-test-popover .endpoint-row .ep-addr{text-overflow:ellipsis;flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow:hidden}.outbound-test-popover .endpoint-row .ep-meta{opacity:.75}.outbound-test-popover .dot-ok{color:#008771}.outbound-test-popover .dot-fail{color:#e04141}.preset-list{border:1px solid var(--ant-color-border-secondary);border-radius:8px;overflow:hidden}.preset-row{border-bottom:1px solid var(--ant-color-border-secondary);justify-content:space-between;align-items:center;gap:8px;padding:12px 24px;display:flex}.preset-row:last-child{border-bottom:0}.preset-name{font-weight:500}.row-index{opacity:.7;font-weight:500}.muted{opacity:.7;word-break:break-all}.hosts-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.warp-data-table{border-collapse:collapse;width:100%;margin:5px 0}.warp-data-table td{word-break:break-all;padding:4px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.warp-data-table td:first-child{white-space:nowrap;width:130px;font-family:inherit;font-weight:500}.warp-data-table .row-odd{background:var(--ant-color-fill-tertiary)}.license-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.license-error{flex:1;min-width:0}.nord-data-table{border-collapse:collapse;width:100%;margin:5px 0}.nord-data-table td{word-break:break-all;padding:4px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.nord-data-table td:first-child{white-space:nowrap;width:130px;font-family:inherit;font-weight:500}.nord-data-table .row-odd{background:var(--ant-color-fill-tertiary)}.server-row{align-items:center;gap:8px;width:100%;display:inline-flex}.server-name{text-overflow:ellipsis;flex:1;overflow:hidden}.server-load-tag{flex-shrink:0;margin-right:0}.xray-page .restart-icon{cursor:pointer;color:var(--ant-color-primary);font-size:16px}.xray-page .restart-result{white-space:pre-wrap;max-width:480px;margin:0;font-size:12px}.xray-page .advanced-meta h4{margin:0 0 4px}.xray-page .advanced-meta p{opacity:.7;margin:0}
