/* Minimal, theme-friendly styling */
.noapi-ds { max-width: 720px; margin: 0 auto; }
.noapi-ds-card {
  border: 1px solid rgba(0,0,0,0.12);
  border-radius: 12px;
  padding: 18px;
  background: #fff;
}
.noapi-ds-title { font-size: 20px; font-weight: 700; margin-bottom: 10px; }
.noapi-ds-row { margin: 10px 0; }
.noapi-ds-label { display:block; font-weight:600; margin-bottom: 6px; }
.noapi-ds-input {
  width: 100%;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,0.2);
}
.noapi-ds-actions { display:flex; gap: 12px; align-items:center; flex-wrap: wrap; }
.noapi-ds-btn {
  background: #111827;
  color: #fff;
  border: none;
  padding: 10px 14px;
  border-radius: 10px;
  cursor: pointer;
}
.noapi-ds-btn[disabled]{ opacity: 0.6; cursor: not-allowed; }
.noapi-ds-checkbox { display:flex; gap: 8px; align-items:center; font-size: 14px; }
.noapi-ds-help { color: rgba(0,0,0,0.65); font-size: 13px; line-height: 1.35; }
.noapi-ds-small { font-size: 12px; opacity: 0.9; margin-top: 4px; }

.noapi-ds-msg {
  padding: 10px 12px;
  border-radius: 10px;
  margin-top: 12px;
  border: 1px solid rgba(0,0,0,0.12);
}
.noapi-ds-msg.ok { background: #ecfdf5; border-color: #10b981; }
.noapi-ds-msg.no { background: #fffbeb; border-color: #f59e0b; }
.noapi-ds-msg.err { background: #fef2f2; border-color: #ef4444; }

.noapi-ds-results { margin-top: 14px; }
.noapi-ds-section { margin-top: 14px; }
.noapi-ds-section-title { font-weight: 700; margin-bottom: 8px; }

.noapi-ds-item {
  border: 1px solid rgba(0,0,0,0.12);
  border-radius: 12px;
  padding: 10px 12px;
  margin-bottom: 10px;
}
.noapi-ds-item.ok { border-color: rgba(16,185,129,0.6); }
.noapi-ds-item.no { border-color: rgba(245,158,11,0.6); }
.noapi-ds-item.err { border-color: rgba(239,68,68,0.6); }
.noapi-ds-domain { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-weight: 700; }
.noapi-ds-meta { margin-top: 6px; display:flex; gap: 8px; flex-wrap: wrap; }
.noapi-ds-pill {
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,0.12);
  background: rgba(0,0,0,0.03);
}
.noapi-ds-note { margin-top: 6px; font-size: 12px; color: rgba(0,0,0,0.65); }
.noapi-ds-group-title { margin: 10px 0 6px; font-weight: 600; }
.noapi-ds-empty { font-size: 13px; color: rgba(0,0,0,0.65); padding: 8px 0; }
.noapi-ds-footnote { margin-top: 14px; font-size: 12px; color: rgba(0,0,0,0.55); }