/* G1: dns compare (.dp-), mail blocklists (.bl-), cert site check (.ssl-), mac vendor (.oui-), qr reader (.qrr-) */
.dp-ctl{margin-top:10px}
.dp-tick{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:.92rem}
.dp-tick input{width:auto;margin:0}
.dp-wrap,.bl-wrap,.ssl-wrap,.oui-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.dp-t,.bl-t,.ssl-t,.oui-t{width:100%;border-collapse:collapse;font-size:.92rem}
.dp-t th,.ssl-t th,.oui-t th{text-align:left;color:var(--muted);font-weight:600;padding:6px;border-bottom:1px solid var(--line);white-space:nowrap}
.dp-t td,.bl-t td,.ssl-t td,.oui-t td{padding:7px 6px;border-bottom:1px solid var(--line);vertical-align:top}
.dp-t td:first-child,.bl-t td:first-child{white-space:nowrap}
.dp-t td:nth-child(3){min-width:180px}
.dp-warn td{background:color-mix(in srgb,var(--blue) 14%,transparent)}
.dp-bad td{background:color-mix(in srgb,var(--danger) 12%,transparent)}
.dp-m,.bl-z,.oui-m{color:var(--muted)}
.bl-z{font-size:.82rem}
.bl-t td:nth-child(2){white-space:nowrap}
.bl-t a{color:var(--sage-d)}
.bl-ok{margin-top:10px}.bl-ok summary,.bl-dqs summary{cursor:pointer;color:var(--muted);font-weight:600}
.bl-dqs{margin-top:10px}
.ssl-ct{border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin-top:10px}
.ssl-ct a,.ssl-t a{color:var(--sage-d)}
.ssl-live{border-color:var(--done)}
.ssl-old td{color:var(--muted)}
.ssl-t td:first-child,.ssl-t td:nth-child(2){white-space:nowrap}
.oui-t td:first-child{white-space:nowrap}
.oui-fl{gap:6px}.oui-fl .chip{white-space:normal}
.qrr-drop{border:2px dashed var(--line);border-radius:10px;padding:22px 14px;text-align:center;outline:none;transition:border-color .2s,background-color .2s}
.qrr-drop:focus-visible,.qrr-drop.on{border-color:var(--sage);background:var(--sage-l)}
.qrr-cam video{width:100%;max-height:60vh;border-radius:8px;background:var(--paper);display:block}
.qrr-host{font:700 1.35rem "Share Tech Mono",ui-monospace,Consolas,monospace;margin:8px 0 2px;word-break:break-all;color:var(--ink)}
.qrr-txt{max-height:220px;overflow:auto;white-space:pre-wrap;word-break:break-all}
.qrr-sec{font-family:"Share Tech Mono",ui-monospace,monospace;word-break:break-all}
@media (max-width:600px){.dp-t,.bl-t,.ssl-t,.oui-t{font-size:.85rem}.qrr-host{font-size:1.15rem}
  /* blocklist rows stack on phones: name and result on one line, details under them */
  .bl-t,.bl-t tbody{display:block}.bl-t tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;padding:8px 0;border-bottom:1px solid var(--line)}
  .bl-t td{display:block;border:0;padding:0}.bl-t td:first-child{white-space:normal}.bl-t td:nth-child(3){grid-column:1/-1}.bl-t td:nth-child(3):empty{display:none}}