.wm-form .cm-card+.cm-card,.wm-form .cm-card+.wm-nangcao{margin-top:var(--cm-space-lg)}
.cm-order-main>.wm-form{margin-bottom:var(--cm-space-lg)}
[data-wm-loai][hidden],.wm-form [hidden],.wm-ghichu [hidden],#wmLech[hidden],#wmChan[hidden],#wmTomNoiDong[hidden],#wmTomCheDoDong[hidden]{display:none!important}
.wm-loai{flex-wrap:wrap}
.wm-dich:has(>[data-wm-loai="tcp"][hidden]){grid-template-columns:1fr}
.wm-nangcao{margin-top:var(--cm-space-lg)}
.cm-order-main>.cm-alert{margin-bottom:var(--cm-space-lg)}
.cm-order-main>#wmNoiChon{margin-bottom:var(--cm-space-lg)}
.wm-noi-luoi{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:var(--cm-space-sm);margin-top:var(--cm-space-md)}
.wm-noi-chon{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 12px;border:1px solid var(--cm-border);border-radius:var(--cm-radius-md);background:var(--cm-bg-card);cursor:pointer;transition:var(--cm-transition-fast)}
.wm-noi-chon:hover{border-color:var(--cm-border-strong)}
.wm-noi-chon input{flex:0 0 auto;width:16px;height:16px;margin:0;accent-color:var(--cm-primary)}
.wm-noi-chon-ten{display:inline-flex;align-items:center;flex:1 1 auto;min-width:0;font-weight:600;font-size:var(--cm-font-sm);color:var(--cm-text-primary)}
.wm-noi-chon-ten .wm-noi-ten,.wm-noi-ten-o .wm-noi-ten{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wm-noi-chon small{flex:0 0 auto;font-size:var(--cm-font-xs);color:var(--cm-text-muted);white-space:nowrap}
.wm-noi-chon.is-chon{border-color:var(--cm-primary);background:var(--cm-primary-light)}
.wm-noi-chon.is-khoa{cursor:default;background:var(--cm-bg-hover)}
.wm-noi-chon.is-het{cursor:not-allowed;opacity:.6}
.wm-noi-ds{list-style:none;margin:var(--cm-space-md) 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:var(--cm-space-sm)}
.wm-noi-o{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:10px 12px;border:1px solid var(--cm-border);border-radius:var(--cm-radius-md);background:var(--cm-bg-card)}
.wm-noi-o.is-co{border-color:var(--cm-primary);background:var(--cm-primary-light)}
.wm-noi-trai{display:flex;flex-direction:column;gap:2px;min-width:0}
.wm-noi-ten-o{display:inline-flex;align-items:center;min-width:0;font-weight:600;color:var(--cm-text-primary)}
.wm-noi-phu{font-size:var(--cm-font-xs);color:var(--cm-text-muted)}
.wm-noi-phai{flex:0 0 auto;display:flex;align-items:center;gap:10px}
.wm-noi-o.is-tam{border-style:dashed;border-color:var(--cm-border-strong);background:var(--cm-bg-hover)}
.wm-noi-o.is-tam .wm-noi-ten-o{color:var(--cm-text-secondary)}
.wm-noi-o.is-tam .wm-noi-phu{color:var(--cm-warning)}
.wm-ip-tam{font-size:var(--cm-font-xs);color:var(--cm-text-muted);border:1px dashed var(--cm-border-strong);border-radius:var(--cm-radius-sm);padding:0 6px;white-space:nowrap}
.wm-gia-tach{display:block;margin-top:2px;font-size:var(--cm-font-xs);font-weight:400;color:var(--cm-text-muted)}
.wm-co-ds{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px;vertical-align:middle}
.wm-co-ds .wm-co{margin-right:0}
.wm-ip-khoi{margin-top:var(--cm-space-md);padding-bottom:var(--cm-space-md);border-bottom:1px solid var(--cm-border)}
.wm-ip-khoi .cm-form-label{display:block;margin:0}
.wm-ip-khoi .cm-btn{margin-top:var(--cm-space-sm)}
.wm-nangcao-tieude{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;font-weight:600;font-size:var(--cm-font-lg);color:var(--cm-text-primary)}
.wm-nangcao-tieude::-webkit-details-marker{display:none}
.wm-nangcao-tieude>i:first-child{color:var(--cm-primary)}
.wm-nangcao-mui{margin-left:auto;font-size:var(--cm-font-sm);color:var(--cm-text-muted);transition:transform var(--cm-transition-fast)}
.wm-nangcao[open] .wm-nangcao-mui{transform:rotate(180deg)}
.wm-nangcao-luoi{margin-top:var(--cm-space-md);gap:0 var(--cm-space-lg)}
.wm-bat-tat{display:flex;align-items:center;gap:10px;min-height:40px;color:var(--cm-text-secondary);font-size:var(--cm-font-base)}
.wm-ghi{margin:var(--cm-space-sm) 0 0;color:var(--cm-text-secondary);font-size:var(--cm-font-sm);line-height:1.55}
.wm-ghi i{margin-right:6px;color:var(--cm-info)}
.wm-luu{margin-top:var(--cm-space-lg);display:flex;justify-content:flex-end}
.wm-diem-noi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--cm-space-md);margin-bottom:var(--cm-space-lg)}
.wm-noi{display:flex;gap:12px;align-items:flex-start;padding:var(--cm-space-md);border:1px solid var(--cm-border);border-radius:var(--cm-radius-lg);background:var(--cm-bg-card)}
.wm-noi>i{font-size:20px;color:var(--cm-primary);margin-top:2px}
.wm-noi b{display:block;color:var(--cm-text-primary);font-size:var(--cm-font-base)}
.wm-noi span{display:block;margin-top:2px;color:var(--cm-text-secondary);font-size:var(--cm-font-sm);line-height:1.5}
.wm-ip-ds{list-style:none;margin:var(--cm-space-sm) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.wm-ip-ds li{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--cm-border);border-radius:var(--cm-radius-md);background:var(--cm-surface-soft,var(--cm-bg-card));font-size:var(--cm-font-sm)}
.wm-ip-ds li span{color:var(--cm-text-secondary)}
.wm-ua{overflow-wrap:anywhere;word-break:break-word}
.wm-cat{min-width:0;overflow-wrap:anywhere;word-break:break-word}
.wm-tt{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--cm-radius-full);font-weight:600;font-size:var(--cm-font-sm);white-space:nowrap;background:var(--cm-bg-hover);color:var(--cm-text-secondary)}
.wm-tt::before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor;flex:0 0 auto}
.wm-tt-len{background:var(--cm-success-light);color:var(--cm-success-dark,var(--cm-success))}
.wm-tt-xuong{background:var(--cm-danger-light);color:var(--cm-danger-dark,var(--cm-danger))}
.wm-tt-chan{background:var(--cm-warning-light);color:var(--cm-warning-dark,var(--cm-warning))}
.wm-tt-cho{background:var(--cm-info-light);color:var(--cm-info-dark,var(--cm-info))}
.wm-tt-ngung{background:var(--cm-warning-light);color:var(--cm-warning-dark,var(--cm-warning))}
.wm-nhan{display:inline-block;padding:3px 9px;border-radius:var(--cm-radius-full);font-size:var(--cm-font-xs);font-weight:600;background:var(--cm-bg-hover);color:var(--cm-text-secondary)}
.wm-nhan-len{background:var(--cm-success-light);color:var(--cm-success-dark,var(--cm-success))}
.wm-nhan-xuong{background:var(--cm-danger-light);color:var(--cm-danger-dark,var(--cm-danger))}
.wm-nhan-chan{background:var(--cm-warning-light);color:var(--cm-warning-dark,var(--cm-warning))}
.wm-pha{display:flex;height:10px;border-radius:var(--cm-radius-full);overflow:hidden;background:var(--cm-bg-hover)}
.wm-pha-o{display:block;height:100%;min-width:2px}
.wm-pha-dns{background:var(--cm-info)}
.wm-pha-tcp{background:var(--cm-success)}
.wm-pha-tls{background:var(--cm-purple)}
.wm-pha-ttfb{background:var(--cm-warning)}
.wm-pha-tai{background:var(--cm-pink)}
.wm-pha-chu{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px;font-size:var(--cm-font-xs);color:var(--cm-text-secondary);font-variant-numeric:tabular-nums}
.wm-pha-chu span{display:inline-flex;align-items:center;gap:5px}
.wm-cham{display:inline-block;width:8px;height:8px;border-radius:50%}
.wm-cau{margin:10px 0 0;font-size:var(--cm-font-sm);line-height:1.5;color:var(--cm-text-secondary)}
.wm-cau-xuong{color:var(--cm-danger)}
.wm-cau-chan{color:var(--cm-warning-dark,var(--cm-warning))}
.wm-bd{min-height:280px}
.wm-su-co td{vertical-align:top}
.wm-su-co .wm-ghi{margin-top:4px}
.wm-tim{display:flex;gap:var(--cm-space-sm);flex-wrap:wrap;align-items:center}
.wm-tim .cm-form-input{flex:1 1 240px;min-width:0}
.wm-ds-cuon{overflow-x:auto}
.wm-ghichu{width:100%}
.wm-ghichu-dau{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--cm-text-secondary)}
.wm-ghichu-sua{border:0;background:none;color:var(--cm-text-muted);cursor:pointer;padding:2px 6px}
.wm-ghichu-sua:hover{color:var(--cm-primary)}
.wm-ghichu-chu{display:block;margin-top:4px;overflow-wrap:anywhere}
.wm-ghichu-hop{display:flex;gap:6px;margin-top:6px}
.wm-ghichu-o{flex:1 1 auto;min-width:0}
#wmForm.wm-form-phang>.cm-card{background:none;border:0;box-shadow:none;border-radius:0;padding:0;margin:0}
#wmForm.wm-form-phang>.cm-card+.cm-card{margin-top:var(--cm-space-lg);padding-top:var(--cm-space-lg);border-top:1px solid var(--cm-border)}
@media (max-width:900px){.wm-diem-noi{grid-template-columns:1fr}}
.wm-tq-dem{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.wm-tq-loc{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:var(--cm-radius-full);border:1px solid var(--cm-border);background:var(--cm-surface-soft);color:var(--cm-text-secondary);font-family:inherit;font-size:var(--cm-font-sm);cursor:pointer;transition:var(--cm-transition-fast)}
.wm-tq-loc b{color:var(--cm-text-primary)}
.wm-tq-loc:hover{border-color:var(--cm-border-strong)}
.wm-tq-loc.active{border-color:var(--cm-primary);background:var(--cm-primary-light);color:var(--cm-text-primary)}
.wm-tq-loc[hidden],.wm-tq-the[hidden]{display:none!important}
.wm-tq-c{display:inline-block;width:9px;height:9px;border-radius:50%}
.wm-tq-c-len,.wm-tq-fill-xanh,.wm-tq-the .wm-dot-len{background:var(--cm-success)}
.wm-tq-c-xuong,.wm-tq-fill-do,.wm-tq-the .wm-dot-xuong{background:var(--cm-danger)}
.wm-tq-c-chan,.wm-tq-fill-vang,.wm-tq-the .wm-dot-chan{background:var(--cm-warning)}
.wm-tq-c-khac{background:var(--cm-border-strong)}
.wm-tq-fill-xam{background:transparent}
.wm-tq-the .cm-monitor-stat-row:not(.cm-monitor-stat-row-text){grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"nhan gt" "thanh thanh";row-gap:6px}
.wm-tq-the .cm-monitor-stat-row:not(.cm-monitor-stat-row-text) .cm-monitor-stat-label{grid-area:nhan;min-width:0}
.wm-tq-the .cm-monitor-stat-row:not(.cm-monitor-stat-row-text) .cm-monitor-stat-bar{grid-area:thanh}
.wm-tq-the .cm-monitor-stat-row:not(.cm-monitor-stat-row-text) .cm-monitor-stat-value{grid-area:gt}
.wm-co{margin-right:6px;border-radius:2px;box-shadow:0 0 0 1px var(--cm-border);flex:0 0 auto}
.cm-monitor-stat-label .wm-co,.wm-ip-ds .wm-co{margin-right:0}
.cm-monitor-stat-label .wm-noi-ten{min-width:0;overflow:hidden;text-overflow:ellipsis}
.wm-phat .wm-co{margin-right:4px}
.wm-tq-the .cm-monitor-stat-row-text .cm-monitor-stat-value{min-width:0;overflow-wrap:anywhere}
.wm-tq-do,.wm-tq-tt-xuong,.wm-tq-ssl-do{color:var(--cm-danger)!important}
.wm-tq-tt-len{color:var(--cm-success)!important}
.wm-tq-tt-chan,.wm-tq-ssl-vang{color:var(--cm-warning)!important}
.wm-tq-tt-cho,.wm-tq-tt-xam,.wm-tq-tt-ngung{color:var(--cm-text-secondary)!important}
.wm-tq-the .cm-monitor-card-ip{max-width:68%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:640px){.wm-luu .cm-btn{width:100%}#wmTabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px}#wmTabs .cm-tab{justify-content:center;white-space:nowrap}.wm-su-co{min-width:0!important}.wm-su-co thead{display:none}.wm-su-co,.wm-su-co tbody,.wm-su-co tr,.wm-su-co td{display:block;width:100%}.wm-su-co tr{padding:8px 0;border-bottom:1px solid var(--cm-border)}.wm-su-co td{border:0!important;padding:4px 12px!important;text-align:left!important}.wm-su-co td::before{content:attr(data-nhan);display:block;font-size:var(--cm-font-xs);color:var(--cm-text-muted)}}
.wm-hb-dau{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid var(--cm-primary-border)}
.wm-hb-dau .cm-section-title{margin:0;padding:0;border:0}
.wm-hb-dau-nut{display:flex;flex-wrap:wrap;gap:8px}
#wmHb>.wm-ghi{margin:0 0 var(--cm-space-md)}
.wm-hb-phan{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin:var(--cm-space-sm) 0 var(--cm-space-lg);color:var(--cm-text-secondary);font-size:var(--cm-font-sm)}
.wm-hb-phan-t{color:var(--cm-text-muted);font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}
.wm-hb-phan .wm-http{margin-left:6px}
.wm-hb-tieu{margin:0 0 var(--cm-space-sm);color:var(--cm-text-primary);font-size:var(--cm-font-md);font-weight:600}
.wm-http{display:inline-block;align-self:flex-start;padding:0 8px;border:1px solid var(--cm-border);border-radius:var(--cm-radius-sm);background:var(--cm-surface-soft);color:var(--cm-text-secondary);font-family:var(--cm-mono,monospace);font-size:var(--cm-font-xs);font-weight:700;line-height:1.7}
.wm-http[data-h="2"]{border-color:transparent;background:var(--cm-success-light);color:var(--cm-success)}
.wm-http[data-h="3"]{border-color:transparent;background:var(--cm-info-light);color:var(--cm-info)}
.wm-http[data-h="4"]{border-color:transparent;background:var(--cm-warning-light);color:var(--cm-warning)}
.wm-http[data-h="5"]{border-color:transparent;background:var(--cm-danger-light);color:var(--cm-danger)}
.wm-kq{container-type:inline-size;display:flex;flex-direction:column;min-width:0;border:1px solid var(--cm-border);border-radius:var(--cm-radius-lg);background:var(--cm-bg-card);overflow:hidden}
.wm-kq-dau,.wm-kq-dong{display:grid;grid-template-columns:minmax(150px,1.35fr) minmax(108px,.8fr) minmax(112px,.95fr) minmax(86px,.7fr) minmax(150px,1.4fr);align-items:center;gap:6px 16px;padding:10px 16px}
.wm-kq-dau{padding-top:9px;padding-bottom:9px;background:var(--cm-surface-soft);color:var(--cm-text-muted);font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}
.wm-kq-dong{position:relative;border-top:1px solid var(--cm-border-light);transition:background var(--cm-transition-fast)}
.wm-kq-dong::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--cm-border-strong)}
.wm-kq-dong.is-len::before{background:var(--cm-success)}
.wm-kq-dong.is-xuong::before{background:var(--cm-danger)}
.wm-kq-dong.is-chan::before{background:var(--cm-warning)}
.wm-kq-dong.is-cu .wm-kq-c,.wm-kq-dong.is-cu .wm-kq-d{opacity:.6}
.wm-kq-dong:hover{background:var(--cm-bg-hover)}
.wm-kq-noi,.wm-kq-o,.wm-kq-bd{display:flex;flex-direction:column;gap:3px;min-width:0}
.wm-kq-ten{display:inline-flex;align-items:center;min-width:0;color:var(--cm-text-primary);font-size:var(--cm-font-sm);font-weight:600}
.wm-kq-phu{min-width:0;color:var(--cm-text-muted);font-size:var(--cm-font-xs);line-height:1.45;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.wm-kq-phu.is-do{color:var(--cm-danger)}
.wm-kq-so{color:var(--cm-text-primary);font-size:var(--cm-font-base);font-weight:700;line-height:1.35;font-variant-numeric:tabular-nums}
.wm-kq-o .wm-pha{width:100%;height:8px;margin-top:3px}
.wm-kq-duoi{grid-column:1/-1;display:flex;flex-direction:column;gap:6px;min-width:0}
.wm-kq-duoi .wm-cau{margin:0}
.wm-kq-goc{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;color:var(--cm-text-secondary);font-size:var(--cm-font-sm)}
.wm-kq-chu{margin-top:10px}
.wm-goi-ds{display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.wm-goi{display:inline-block;width:11px;height:16px;border-radius:3px;background:var(--cm-success)}
.wm-goi.is-mat{background:var(--cm-danger)}
.wm-goi-ds b{margin-left:6px;color:var(--cm-text-primary);font-size:var(--cm-font-base);font-variant-numeric:tabular-nums}
.wm-dl{position:relative;height:40px;border-radius:6px;background:linear-gradient(to bottom,transparent calc(50% - .5px),var(--cm-border-light) calc(50% - .5px),var(--cm-border-light) calc(50% + .5px),transparent calc(50% + .5px));touch-action:pan-y}
.wm-dl-svg{display:block;width:100%;height:100%;overflow:visible}
.wm-dl-duong{fill:none;stroke:var(--cm-primary);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.wm-kq-dong.is-xuong .wm-dl-duong{stroke:var(--cm-danger)}
.wm-dl-vung{fill:var(--cm-primary);opacity:.14}
.wm-kq-dong.is-xuong .wm-dl-vung{fill:var(--cm-danger)}
.wm-dl-loi{fill:var(--cm-danger)}
.wm-dl-mat{fill:var(--cm-warning)}
.wm-dl-trong{display:flex;align-items:center;justify-content:center;background:var(--cm-surface-soft);color:var(--cm-text-muted);font-size:var(--cm-font-xs)}
.wm-dl-vach{position:absolute;top:0;bottom:0;width:1px;background:var(--cm-text-secondary);pointer-events:none}
.wm-dl-tip{position:absolute;bottom:calc(100% + 6px);z-index:5;transform:translateX(-50%);padding:4px 8px;border:1px solid var(--cm-border-strong);border-radius:var(--cm-radius-sm);background:var(--cm-bg-dark);box-shadow:var(--cm-shadow-md);color:var(--cm-text-primary);font-size:11px;line-height:1.4;white-space:nowrap;pointer-events:none}
@container (max-width:760px){.wm-kq-dau{display:none}.wm-kq-dong{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"noi tt" "c d" "bd bd" "duoi duoi";gap:10px 14px;padding:12px 14px}.wm-kq-noi{grid-area:noi}.wm-kq-tt{grid-area:tt;justify-self:end}.wm-kq-c{grid-area:c}.wm-kq-d{grid-area:d}.wm-kq-bd{grid-area:bd}.wm-kq-duoi{grid-area:duoi}.wm-kq-o::before,.wm-kq-bd::before{content:attr(data-nhan);color:var(--cm-text-muted);font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}}