.card-box{background-color:var(--bg-card);border-radius:var(--radius-xl);gap:var(--space-sm);padding:var(--space-md);border:2px solid #0000;transition:border-color .2s;box-shadow:0 4px 10px #00000017}.card-hover{cursor:pointer}.card-hover:hover{border-color:var(--jdng-blue)}.status-pill{border-radius:var(--radius-lg);min-width:18px}.metrics-container{border:2px solid color-mix(in srgb, var(--jdng-blue) 30%, transparent);border-radius:var(--radius-lg)}.identity-wrapper{background-color:color-mix(in srgb, var(--jdng-blue) 10%, transparent);border-radius:var(--radius-lg);min-width:170px;padding:8px 18px 8px 12px;overflow:hidden;box-shadow:0 2px 5px #0000000f}.error-view{justify-content:center;align-items:center;gap:var(--space-sm);padding:64px 32px}.table-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow-x:auto}.data-table{text-align:left;border-collapse:collapse;width:100%;font-family:var(--font-sans);font-size:14px}.data-table thead{background:var(--bg-surface);border-bottom:1px solid var(--border-color)}.data-table th{color:var(--text-muted);padding:12px;font-weight:500}.data-table th.align-right{text-align:right}.data-table td{padding:12px}.data-table tr.data-row{border-bottom:1px solid var(--border-color)}.data-table tr.group-header td{background:var(--bg-surface);font-weight:600;font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--border-color);font-size:12px}.data-table tr.empty-state td{text-align:center;color:var(--text-muted);padding:24px}.status-indicator{border-radius:50%;width:10px;height:10px;display:inline-block}.dynamic-badge{background:var(--bg-surface);color:var(--text-muted);border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700;display:none}.dynamic-badge.is-visible{display:inline-block}.table-actions{justify-content:flex-end;gap:8px;display:flex}.table-actions.is-dimmed{opacity:.3;pointer-events:none}.table-actions .btn{padding:4px 8px;font-size:12px}.table-actions .btn-danger{color:var(--status-down)}.table-toolbar{width:100%;display:flex}.win{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;display:flex;position:fixed;box-shadow:0 10px 30px #0003}.win-header{background:var(--bg-surface);border-bottom:1px solid var(--border-color);border-radius:var(--radius-md) var(--radius-md) 0 0;cursor:move;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.win-header-title{font-family:var(--font-mono);color:var(--text-primary);pointer-events:none;font-size:13px;font-weight:700}.win-controls{gap:8px;display:flex}.win-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;align-items:center;display:flex}.win-btn.win-btn-close{color:var(--status-down)}.win-body{flex-direction:column;flex:1;gap:12px;width:100%;min-height:0;padding:16px;display:flex}.win-body.no-padding{gap:0;padding:0}.win-drawer{z-index:9999;transition:transform .3s cubic-bezier(.4,0,.2,1);display:none;position:fixed;top:15%;right:0;transform:translate(100%)}.win-drawer-toggle{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;width:32px;height:48px;color:var(--text-muted);border-right:none;border-radius:8px 0 0 8px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:16px;left:-32px;box-shadow:-4px 4px 12px #00000014}.win-drawer-content{background:var(--bg-card);border:1px solid var(--border-color);border-right:none;border-radius:12px 0 0 12px;flex-direction:column;width:260px;max-height:70vh;display:flex;overflow:hidden;box-shadow:-4px 10px 24px #0003}.win-drawer-header{border-bottom:1px solid var(--border-color);background:var(--bg-surface);font-family:var(--font-mono);color:var(--text-primary);padding:16px;font-size:13px;font-weight:700}.win-drawer-list{flex-direction:column;gap:8px;padding:12px;display:flex;overflow-y:auto}.win-drawer-item{background:var(--bg-surface);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;padding:10px 12px;transition:background .15s}.win-drawer-item:hover{background:var(--bg-hover)}.win-drawer-item-title{font-weight:600;font-family:var(--font-mono);color:var(--text-primary);margin-bottom:4px;font-size:13px}.win-drawer-item-subtitle{color:var(--text-muted);font-size:11px}.ping-toolbar{border-bottom:1px solid var(--border-color);gap:8px;padding:12px 16px;display:flex}.ping-stats{font-family:var(--font-mono);color:var(--text-muted);justify-content:space-between;padding:12px 16px;font-size:12px;display:flex}.ping-log{background:var(--bg-base);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-mono);flex-direction:column;flex:1;margin:0 16px 16px;font-size:12px;display:flex;overflow-y:auto}.ping-row{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:6px 12px;display:flex}.ping-row-timeout{color:var(--status-down)}.ping-row-reply{color:var(--text-muted)}.ping-row-reply .ping-size{color:var(--text-primary);width:60px;font-weight:700}.ping-row-reply .ping-host{flex:1}.ping-row-reply .ping-ttl{width:50px}.ping-row-reply .ping-time{text-align:right;width:80px}.ping-row-reply .ping-time.is-slow{color:var(--status-down)}.ping-row-reply .ping-time.is-fast{color:var(--status-up)}.ping-row-info{color:var(--text-muted);border-bottom:1px solid var(--border-color);padding:12px;font-style:italic}.ping-row-summary{background:var(--bg-surface);color:var(--text-primary);border-top:1px solid var(--border-color);padding:12px;font-weight:700}.context-menu{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);z-index:10000;min-width:150px;font-family:var(--font-sans);padding:4px;font-size:13px;position:fixed;box-shadow:0 4px 12px #0003}.context-menu-item{text-align:left;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-primary);background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 12px;display:flex}.context-menu-item:hover{background:var(--bg-hover)}.theme-toggle{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:color .15s,border-color .15s;display:flex}.theme-toggle:hover{color:var(--text-primary);border-color:var(--jdng-blue)}.theme-toggle svg{display:block}.theme-toggle .icon-moon,[data-theme=dark] .theme-toggle .icon-sun{display:none}[data-theme=dark] .theme-toggle .icon-moon{display:block}