/* NEW-100 A: Kiểm tra New / Old (views/new_old.js, #/kiem-tra-new-old). Tiền tố no-. Chỉ dùng biến màu của app.css (sáng / tối). */
.no-lead { margin: -6px 0 10px; max-width: 920px; }
.no-how { padding: 10px 14px; margin: 0 0 12px; }
.no-how summary { cursor: pointer; }
.no-bar { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; margin: 0 0 10px; }
.no-bar .chips { margin: 0; }
.no-f { display: inline-flex; gap: 6px; align-items: center; font-size: 13px; }
.no-search { flex: 1 1 220px; max-width: 340px; min-width: 0; }
.no-x { border: 0; background: none; cursor: pointer; padding: 0 2px; color: inherit; font-size: 14px; }
.no-acts { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin: 0 0 8px; padding: 8px 10px; background: var(--surface-2, transparent);
  border: 1px solid var(--border); border-radius: 8px; }
.no-s { font-size: 12px; }
.no-note { font-size: 12px; color: var(--warn); margin-top: 2px; }
.no-table td { vertical-align: top; overflow-wrap: anywhere; }
.no-row-acts { white-space: nowrap; }
.no-row-acts .btn { margin: 0 4px 4px 0; }
.no-imp ul { margin: 6px 0 0; padding-left: 18px; }
.badge.no-b { font-weight: 600; }

@media (max-width: 760px) {
  .no-search { max-width: none; }
  .no-row-acts { white-space: normal; }
}