.wcdsm-table { margin-top: 12px; }
.wcdsm-badge {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 999px;
  font-size: 12px;
  line-height: 18px;
  border: 1px solid rgba(0,0,0,0.12);
}
.wcdsm-badge--verified, .wcdsm-badge--active { background: rgba(0, 128, 0, 0.08); border-color: rgba(0,128,0,0.2); }
.wcdsm-badge--verifying, .wcdsm-badge--pending { background: rgba(255, 170, 0, 0.12); border-color: rgba(255,170,0,0.25); }
.wcdsm-badge--blocked, .wcdsm-badge--suspended { background: rgba(220, 0, 0, 0.10); border-color: rgba(220,0,0,0.2); }
.wcdsm-badge--cancelled { background: rgba(0, 0, 0, 0.06); border-color: rgba(0,0,0,0.12); }

.wcdsm-card {
  padding: 16px;
  border: 1px solid rgba(0,0,0,0.12);
  border-radius: 10px;
  background: #fff;
}
.wcdsm-statusbox {
  padding: 10px 12px;
  border-left: 4px solid rgba(0,0,0,0.22);
  background: rgba(0,0,0,0.03);
  margin: 10px 0 14px;
}
.wcdsm-note { opacity: 0.85; margin: 6px 0; }
.wcdsm-hr { margin: 16px 0; }
.wcdsm-inline { display:inline-block; margin:0 0 0 6px; }
.wcdsm-help { cursor: help; display:inline-block; width:18px; height:18px; border-radius:50%; text-align:center; line-height:18px; border:1px solid rgba(0,0,0,0.25); font-size:12px; }
.wcdsm-dns-form-wrap { margin-top: 16px; padding-top: 8px; border-top: 1px dashed rgba(0,0,0,0.15); }