.nx-tablewrap { margin: 1.6em 0; overflow-x: auto; border: 1px solid var(--line); border-radius: 12px; }
.nx-tablewrap table { margin: 0; }
.nx-tablewrap thead th { background: var(--navy); color: #fff; }
.nx-tablewrap tbody tr:first-child td { background: none; font-weight: 400; }
.nx-tablewrap td strong { color: var(--ink); }
.nx-controls { margin: 1.2em 0 1.6em; }
.nx-controls ul { margin: 0; padding: 0 20px 18px 20px; list-style: none; display: grid; gap: 8px; }
.nx-controls li { padding: 9px 12px; border-radius: 8px; background: var(--light); font-size: 15px; line-height: 1.5; }
.nx-controls li strong { display: inline-block; min-width: 44px; color: var(--blue); }
.nx-new { display: inline-block; margin-left: 8px; padding: 2px 9px; border-radius: 99px; background: var(--navy); color: var(--accent); font-style: normal; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; vertical-align: 2px; }
@media (max-width: 560px) {
 .nx-tablewrap thead { display: none; }
 .nx-tablewrap table, .nx-tablewrap tbody, .nx-tablewrap tr, .nx-tablewrap td { display: block; width: 100%; }
 .nx-tablewrap { border: 0; }
 .nx-tablewrap tr { border: 1px solid var(--line); border-radius: 12px; padding: 6px 4px; margin-bottom: 10px; }
 .nx-tablewrap td { border: 0; padding: 6px 12px; font-size: 14px; }
 .nx-tablewrap td[data-l]:not(:first-child)::before { content: attr(data-l); display: block; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--blue); }
}