.batch-card{background:#fff;border:1px solid #dfe8ec;border-radius:.25rem;box-shadow:0 2px 8px #2541500f;padding:20px;margin-bottom:20px}.batch-card>.batch-form,.batch-card>.batch-form:hover{padding:0;margin:0;border:0;border-radius:0;box-shadow:none;background:transparent;transition:none}.batch-form{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}.batch-form-main{flex:1 1 380px;display:flex;flex-direction:column;min-width:0}.batch-form-main>label:not(.sr-only){display:none}.batch-form-main textarea{width:100%;flex:1 1 auto;min-height:178px;background:#fff;border:1px solid #e9edf1;border-radius:4px;padding:12px 16px;font-family:inherit;font-size:13px;line-height:1.9;color:#3b4a55;resize:vertical;box-shadow:none;transition:border-color .15s,box-shadow .15s}.batch-form-main textarea::placeholder{color:#a8b3bd}.batch-form-main textarea:hover{border-color:#dbe3ea}.batch-form-main textarea:focus{outline:none;border-color:#4aa3f5;box-shadow:0 0 0 3px #2a9df41f}.batch-form-main textarea::-webkit-scrollbar{width:8px}.batch-form-main textarea::-webkit-scrollbar-track{background:transparent}.batch-form-main textarea::-webkit-scrollbar-thumb{background:#d5dee5;border-radius:4px}.batch-form-main textarea::-webkit-scrollbar-thumb:hover{background:#b7c6cf}.batch-form-main .input-hint{margin-top:10px;color:#97a2ac;font-size:12px;line-height:1.6}.batch-form-side{width:304px;flex:0 0 304px;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.batch-form-side .btn{justify-content:center}.batch-form-side>.btn:nth-child(1),.batch-form-side>.btn:nth-child(2){display:inline-flex;align-items:center;justify-content:center;flex:1 1 0;min-width:0;height:44px;box-sizing:border-box;padding:0;border-radius:3px;border:1px solid transparent;font-size:14px;font-weight:400;line-height:1;white-space:nowrap}@supports (mask-image: url(x)) or (-webkit-mask-image: url(x)){.batch-form-side>.btn:nth-child(1):before,.batch-form-side>.btn:nth-child(2):before{content:"";flex:0 0 auto;width:14px;height:14px;margin-right:6px;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:100% 100%;mask-size:100% 100%}}.batch-form-side>.btn:nth-child(1):before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.49 9A9 9 0 0 0 5.64 5.64L4 7'/%3E%3Cpath d='M4 3v4h4'/%3E%3Cpath d='M3.51 15a9 9 0 0 0 14.85 3.36L20 17'/%3E%3Cpath d='M20 21v-4h-4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.49 9A9 9 0 0 0 5.64 5.64L4 7'/%3E%3Cpath d='M4 3v4h4'/%3E%3Cpath d='M3.51 15a9 9 0 0 0 14.85 3.36L20 17'/%3E%3Cpath d='M20 21v-4h-4'/%3E%3C/svg%3E")}.batch-form-side>.btn:nth-child(2):before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.5A2.5 2.5 0 0 1 5.5 6h1.7a1.5 1.5 0 0 0 1.3-.8l.6-1a1.5 1.5 0 0 1 1.3-.8h3.2a1.5 1.5 0 0 1 1.3.8l.6 1a1.5 1.5 0 0 0 1.3.8h1.7A2.5 2.5 0 0 1 21 8.5v8A2.5 2.5 0 0 1 18.5 19h-13A2.5 2.5 0 0 1 3 16.5z'/%3E%3Ccircle cx='12' cy='12.2' r='3.2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.5A2.5 2.5 0 0 1 5.5 6h1.7a1.5 1.5 0 0 0 1.3-.8l.6-1a1.5 1.5 0 0 1 1.3-.8h3.2a1.5 1.5 0 0 1 1.3.8l.6 1a1.5 1.5 0 0 0 1.3.8h1.7A2.5 2.5 0 0 1 21 8.5v8A2.5 2.5 0 0 1 18.5 19h-13A2.5 2.5 0 0 1 3 16.5z'/%3E%3Ccircle cx='12' cy='12.2' r='3.2'/%3E%3C/svg%3E")}.batch-form-side>.btn:nth-child(1){background:#4285ed;border-color:#4285ed;color:#fff}.batch-form-side>.btn:nth-child(1):hover{background:#326fce;border-color:#326fce}.batch-form-side>.btn:nth-child(2){background:#f5a33a;border-color:#f5a33a;color:#fff}.batch-form-side>.btn:nth-child(2):hover{background:#e69326;border-color:#e69326}.batch-form-side .form-toggles{flex:0 0 100%;max-width:100%;background:#f5f7f9;border:0;border-radius:3px;padding:12px 14px;display:flex;flex-direction:column;gap:12px}.batch-form-side .form-toggles>label{display:flex;align-items:center;gap:8px;font-size:12px;color:#5c707d;cursor:pointer}.batch-form-side .form-toggles .toggle-row{margin-top:6px;display:flex;gap:12px;flex-wrap:wrap}.batch-form-side .form-toggles .toggle-row label{font-size:12px}.batch-form-side .form-toggles .probe-options{display:flex;flex-direction:column;row-gap:14px;width:100%}.form-row{display:grid;grid-template-columns:92px 1fr;align-items:center;column-gap:12px;width:100%}.form-label{font-size:13px;font-weight:600;color:#254150;text-align:left;white-space:nowrap}.segmented{display:inline-flex;gap:18px;align-items:center;flex-wrap:wrap}.segmented input[type=radio]{appearance:none;-webkit-appearance:none;width:16px;height:16px;margin:0;border:1.5px solid #c2ccd4;border-radius:50%;background:#fff;cursor:pointer;flex:0 0 auto;position:relative;transition:border-color .15s,box-shadow .15s}.segmented input[type=radio]:checked{border-color:#2a9df4;background:#fff}.segmented input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#2a9df4}.segmented input[type=radio]:hover{border-color:#8fbdec}.segmented input[type=radio]:checked:hover{border-color:#2a9df4}.segmented input[type=radio]:focus-visible{outline:none;box-shadow:0 0 0 3px #2a9df42e}.segmented label{font-size:13px;color:#4a5a66;cursor:pointer;user-select:none}.badges{display:flex;flex-wrap:wrap;gap:6px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:12px;background:#eef5fb;color:#2a6fae;font-size:11px}.checkbox-line{display:flex;align-items:center;gap:8px;font-size:13px;color:#5c707d;cursor:pointer}.checkbox-line input[type=checkbox]{width:15px;height:15px;accent-color:#2a9df4;cursor:pointer;margin:0}.select-field{height:32px;padding:0 8px;border:1px solid #c5d3da;border-radius:6px;font-size:12px;color:#44525c;background:#fff;width:100%}.batch-form-side .form-toggles .probe-options-label{font-size:13px;font-weight:600;color:#254150;text-align:left;white-space:nowrap}.batch-form-side .form-toggles .probe-dns-choice{width:100%;gap:10px;margin-left:0;display:flex;align-items:center}.batch-form-side .form-toggles .probe-dns-choice .dns-combobox{display:flex;align-items:center;flex:1;width:auto}.batch-form-side .form-toggles .probe-dns-choice .dns-input{flex:1;width:100%;min-width:0;height:32px;padding:0 10px;border:1px solid #d9e0e6;border-radius:4px;font-size:11px;color:#44525c;background:#fff;transition:border-color .15s,box-shadow .15s}.batch-form-side .form-toggles .probe-dns-choice .dns-input::placeholder{color:#a6b1ba}.batch-form-side .form-toggles .probe-dns-choice .dns-input:focus{border-color:#4285ed;box-shadow:0 0 0 2px #4285ed26;outline:none}.batch-results{background:#fff;border:1px solid #e6ecf0;border-radius:calc(.25rem + -0px) calc(.25rem + -0px) 0 0;box-shadow:none;overflow:hidden;margin-top:10px}.batch-results.is-hidden{display:none}.batch-results-header{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:1rem!important;border-bottom:1px solid #edf1f4;flex-wrap:wrap}.batch-meta{display:contents}.batch-tabs{order:1}.batch-tabs:before{content:"\68c0\6d4b\7ed3\679c";display:inline-flex;align-items:center;flex:0 0 auto;border-left:3px solid #2a9df4;padding-left:8px;margin-right:14px;font-size:.9375rem;font-weight:400;color:#2b3d4a;line-height:20px;white-space:nowrap}.batch-meta #copy-results{order:2}.batch-meta #batch-counter{order:3}.batch-meta .batch-progress,.batch-meta .batch-target-hint{order:4}.batch-meta .batch-target-hint:not(:empty){margin-left:auto}.batch-meta .batch-target-hint:empty+.batch-progress{margin-left:auto}.batch-head-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.batch-meta #batch-counter{font-size:13px;color:#737b83;white-space:nowrap}.batch-meta #batch-counter b{color:#4285ed;font-weight:500}.batch-results-title{display:inline-flex;align-items:center;font-size:15px;font-weight:500;color:#2b3d4a;padding-left:10px;margin-right:6px;border-left:3px solid #2a9df4;line-height:20px}.batch-tabs{display:flex;gap:6px;flex-wrap:wrap}.batch-tabs button{background:#fff;border:1px solid #e2e8ed;border-radius:3px;padding:0 10px;height:23px;line-height:24px;font-size:14px;color:#84929c;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.batch-tabs button:not(.is-active):hover{border-color:#a9c9ea;color:#4285ed}.batch-tabs button.is-active{background:#4285ed;border-color:#4285ed;color:#fff}.batch-head-left .btn-copy{display:inline-flex;align-items:center;background:#fff3dd;border:1px solid transparent;border-color:transparent;border-radius:3px;color:#ed9d36;font-size:14px;height:23px;padding:0 9px;line-height:1;cursor:pointer;transition:background .15s,color .15s}.batch-head-left .btn-copy:hover{background:#fde8c4;border-color:transparent;color:#d8871f}.batch-head-left .btn-copy:active{background:#fbdfb0}.batch-head-left .btn-copy:focus-visible{outline:2px solid #f0ac4a;outline-offset:1px}.batch-head-left .btn-copy .btn-icon{width:13px;height:13px;flex:0 0 auto;margin-right:5px}.batch-meta #copy-results{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:23px;padding:0 10px;background:#fff;border:1px solid #a9c9ea;border-radius:3px;color:#4285ed;font-size:14px;line-height:1;white-space:nowrap;transition:background .15s ease,color .15s ease,border-color .15s ease}.batch-meta #copy-results:hover{background:#edf4ff;border-color:#4285ed;color:#326fce}.batch-meta #copy-results:active{background:#e0ecff}.batch-meta #copy-results:focus-visible{outline:2px solid #a9c9ea;outline-offset:1px}.batch-meta #copy-results:before{content:"";flex:0 0 auto;width:1em;height:1em;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='12' height='12' rx='2'/%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'/%3E%3C/svg%3E") center / 100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='12' height='12' rx='2'/%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'/%3E%3C/svg%3E") center / 100% 100% no-repeat}.batch-target-hint{display:inline-block;flex:0 0 auto;margin-right:10px;color:#4a5b68;font-size:13px;line-height:1.5;white-space:nowrap}.batch-target-hint:empty{display:none}.batch-target-hint-n{display:inline-block;padding:1px 6px;margin-right:3px;background:#e7efff;border-radius:4px;color:#4285ed;font-size:13px;font-weight:600;line-height:1.4;font-variant-numeric:tabular-nums}.batch-progress{position:relative;flex:0 0 180px;width:180px;height:12px;background:#e8eef3;border-radius:6px;overflow:hidden}.batch-progress-bar{position:relative;height:100%;width:0%;background:#4285ed;border-radius:6px;transition:width .3s ease;box-shadow:inset 0 0 0 1px #ffffff2e}.batch-progress-bar:after{content:attr(data-pct);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;line-height:1;font-weight:700;color:#fff;letter-spacing:.02em;pointer-events:none;white-space:nowrap;overflow:hidden}.batch-progress.is-low .batch-progress-bar:after{content:none}.batch-table-wrap{overflow-x:auto;max-height:70vh;overflow-y:auto}.batch-matrix-table{width:100%;border-collapse:collapse;font-size:12px}.batch-matrix-table th{background:#f7f7f7;color:#5f6f7b;font-weight:500;font-size:13px;letter-spacing:.02em;padding:10px 12px;border-bottom:1px solid #e8edf1;white-space:nowrap;position:sticky;top:0;text-align:left;z-index:3}.batch-matrix-table th.is-sortable{padding-right:8px}.batch-matrix-table th.is-sortable>button.th-sort{display:inline-flex;align-items:center;gap:4px;max-width:100%;background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;white-space:nowrap}.batch-matrix-table th.is-sortable>button.th-sort:hover{color:#2a6fae}.batch-matrix-table th.is-sortable>button.th-sort:focus-visible{outline:2px solid #4aa3f5;outline-offset:2px;border-radius:2px}.th-sort-ico{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:10px;height:15px;flex:0 0 auto}.th-sort-tri{width:0;height:0;display:block;border-left:5px solid transparent;border-right:5px solid transparent;transition:border-color .12s}.th-sort-tri.up{border-bottom:6px solid #c3ccd3}.th-sort-tri.down{border-top:6px solid #c3ccd3}.batch-matrix-table th.is-asc .th-sort-tri.up{border-bottom-color:#4a5b68}.batch-matrix-table th.is-asc .th-sort-tri.down{border-top-color:#dfe5ea}.batch-matrix-table th.is-desc .th-sort-tri.down{border-top-color:#4a5b68}.batch-matrix-table th.is-desc .th-sort-tri.up{border-bottom-color:#dfe5ea}.batch-matrix-table th.is-asc>button.th-sort,.batch-matrix-table th.is-desc>button.th-sort{color:#2b3d4a}.batch-matrix-table td{padding:14px 16px;border-bottom:1px solid #eef1f4;vertical-align:middle;text-align:left;font-size:13px;line-height:1.5}.batch-matrix-table tbody tr{transition:background .12s}.batch-matrix-table tbody tr:hover{background:#f7fbff}.batch-matrix-table td:first-child,.batch-matrix-table th:first-child{position:sticky;left:0;background:#fff;z-index:2;min-width:80px;width:80px;max-width:80px}.batch-matrix-table td:nth-child(2),.batch-matrix-table th:nth-child(2){position:sticky;left:80px;background:#fff;z-index:2;min-width:200px;width:200px;max-width:200px}.batch-matrix-table thead th.is-sortable>button.th-sort{position:relative;z-index:4}.batch-matrix-table th.is-sortable .th-sort-ico{margin-top:-1px}.batch-matrix-table tbody tr:hover td,.batch-matrix-table tbody tr:hover th{background:#f7fbff}.batch-matrix-table td:first-child,.batch-matrix-table th:first-child,.batch-matrix-table td:nth-child(2),.batch-matrix-table th:nth-child(2){text-align:center}.batch-matrix-table thead th:first-child,.batch-matrix-table thead th:nth-child(2){background:#f7f7f7}.batch-matrix-table th[class^=col-]{min-width:120px;color:#5f6f7b;white-space:nowrap;overflow:hidden}.batch-matrix-table th[class^=col-] button.th-sort{max-width:100%}.batch-matrix-table th[class^=col-] .th-label{overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:100%}.cell-target{font-weight:400;color:#3b4a55;white-space:nowrap}.batch-matrix-table td.cell-pending{color:#b0bcc4;min-height:20px}.batch-matrix-table td.cell-pending:after{content:"";display:inline-block;width:14px;height:14px;box-sizing:border-box;border:2px solid #bfd4f8;border-top-color:#2f7cf6;border-radius:50%;vertical-align:-3px;animation:batch-cell-spin .7s linear infinite}@keyframes batch-cell-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.batch-matrix-table td.cell-pending:after{animation:none}}.cell-status{font-weight:500}.cell-status.ok{color:#27ae60}.cell-status.warn{color:#e6a23c}.cell-status.err{color:#e74c3c}.cell-latency{font-size:14px;font-weight:500;color:#1aa260;line-height:1.5}.cell-latency.mid{color:#e8892b}.cell-latency.slow,.cell-latency.timeout{color:#e74c3c}.cell-latency.partial{color:#e8b02b}.cell-records{color:#3b4a55;line-height:1.45;word-break:break-all}.cell-records .rec{display:block}.cell-count{font-size:11px;color:#97a2ac;margin-top:2px}.cell-detail{color:#949fa8;line-height:1.45}.cell-detail span{display:block}.cell-detail span.is-resolve-failed{color:#e0362d}.batch-matrix-table tbody tr.row-all-down td,.batch-matrix-table tbody tr.row-all-down th{background:#fff5f5}.batch-empty{padding:40px;text-align:center;color:#91a0a9}
