/* DNS (eigener Nameserver): wenige Ergänzungen zum Basis-Stil, alle Farben über die vorhandenen Variablen (hell/dunkel automatisch) */
.ns-list { display: grid; gap: var(--s2); }
.ns-row { display: flex; align-items: center; gap: var(--s3); flex-wrap: wrap; padding: 10px 12px; border-radius: 10px; background: var(--grouped2); }
.ns-row .mono { font-weight: 600; }
.rec-table th.chk, .rec-table td.chk { width: 34px; padding-right: 0; }
.rec-table td.val { max-width: 360px; word-break: break-word; }
.rec-table td.act, .rec-table th.act { width: 1%; white-space: nowrap; text-align: right; }
.rec-table td .meta { margin-top: 2px; font-size: var(--fs-foot); }
.mono-list { list-style: none; margin: 0; padding: 0; font-family: var(--mono); font-size: var(--fs-foot); display: grid; gap: 4px; overflow-wrap: anywhere; }
.mono-list li.add { color: var(--green); }
.mono-list li.del { color: var(--red); }
.hist { max-height: 60vh; overflow: auto; }
.dig-row input { flex: 2 1 220px; min-width: 0; }
.dig-row .cndd, .dig-row select { flex: 1 1 140px; min-width: 0; }
.warn-box ul { margin: 6px 0 0; padding-left: 18px; }
@media (max-width: 600px) { .rec-table td.val { max-width: 200px; } .ns-row { padding: 8px 10px; } }
@media (max-width: 600px) { table.rec-table { min-width: 560px; } .rec-table td.val { max-width: 260px; } }