.search-box{
    display:flex; align-items:center; gap:10px; background:var(--win);
    border:1px solid var(--border); border-radius:10px; box-shadow:var(--shadow);
    padding:10px 16px; max-width:1000px; margin:0 auto; transition: transform .25s ease;
    flex-wrap: wrap;
}
.search-box button{
    flex: 0 0 auto;
}

.ns-row{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 0; border-bottom:1px solid var(--border); }
.ns-left{ display:flex; align-items:center; gap:10px; min-width:0; flex:0 0 120px; }
.ns-right{ display:flex; align-items:center; gap:8px; font-size:12px; color:#6b7280; white-space:normal; flex:1; } 
.ns-right .badge{ flex:0 0 54px; text-align:center; white-space:nowrap; } 


.ns-records{
    flex:1 1 auto;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    white-space:normal;     /* ✅ 실제 줄바꿈 허용 */
    word-break:break-all;
}

.ns-row.ok{ border-left:3px solid #cbd5e1; padding-left:7px; } 
.ns-row.ok.is-done{ border-left:3px solid #16a34a; }
.ns-row.err{ border-left:3px solid #ef4444; padding-left:7px; } 

/* 기존 클래스 유지 보완 */
.ns-name{ font-weight:600; color:#111827; }
.ns-ip{ font-size:12px; color:#6b7280; }

@media (max-width: 560px){
    .search-box{ gap:8px; }
    .search-box input{ min-width: 100px; }
    .search-box select{ flex:0 0 auto; }
    .search-box button{ margin-left:auto; }
}