.adh { background: var(--face); }
.ad { display: flex; align-items: flex-start; gap: 8px; padding: 4px; }
.adL { flex: none; width: 256px; }
.adR { flex: 1 1 0; min-width: 0; }
.ad .grp { margin-bottom: 6px; }
.adg { display: grid; grid-template-columns: max-content 1fr max-content; align-items: center; gap: 3px 6px; margin: 2px; }
.adg[hidden] { display: none; }
.adm { display: flex; gap: 14px; margin: 2px 2px 6px; }
.adm label { display: inline-flex; align-items: center; gap: 4px; }
.adi { width: 100%; min-width: 0; height: 20px; padding: 0 3px; border: 0; outline: 0; background: #fff; box-shadow: var(--sunk); font: inherit; cursor: text; -webkit-user-select: text; user-select: text; }
.adi.bad { outline: 1px solid #f00; }
.adplot { height: 180px; }
.adbox { background: #fff; box-shadow: var(--sunk); overflow: auto; }
.adclean { height: 140px; }
.adtbl { border-collapse: collapse; width: 100%; }
.adtbl th { position: sticky; top: 0; background: var(--face); box-shadow: var(--button); font-weight: normal; text-align: left; padding: 1px 6px; }
.adtbl td { padding: 1px 6px; }
.adhit td { color: #f00; }
.adclean tr:hover td { background: var(--sel); color: #fff; }
.adres { display: grid; grid-template-columns: max-content 1fr max-content 1fr; gap: 3px 8px; }
.adres > :nth-child(4n + 1), .adres > :nth-child(4n + 3) { justify-self: end; }
@media (max-width: 700px) {
.ad { flex-direction: column; align-items: stretch; }
.adL { width: auto; }
.adR { flex: none; }
.adres { grid-template-columns: max-content 1fr; }
.adres > :nth-child(odd) { justify-self: end; }
.adres > :nth-child(even) { justify-self: start; }
}
.adm input[type=radio] { appearance: none; -webkit-appearance: none; width: 12px; height: 12px; margin: 0; border: 0; background: url("data:image/svg+xml,"); cursor: default; }
.adm input[type=radio]:checked { background: url("data:image/svg+xml,"); }