:root{
  --rhpv-border:#e2e2e2;
  --rhpv-text:#222;
  --rhpv-muted:#666;
  --rhpv-bg:#fff;
  --rhpv-chip:##011556;
  --rhpv-chip-active: #011556;
  --rhpv-chip-active-text:#fff;
}
.rhp-vendors-root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;color:var(--rhpv-text)}
.rhpv-controls{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}
.rhpv-search{position:relative;display:flex}
.rhpv-search-input{flex:1;padding:10px 36px 10px 12px;border:1px solid var(--rhpv-border);border-radius:6px}
.rhpv-clear{position:absolute;right:0px;top:2px;border:0;background:transparent;font-size:20px;line-height:1;cursor:pointer;color:var(--rhpv-muted)}
.rhpv-types{display:flex;flex-wrap:wrap;gap:8px}
.rhpv-type-chip{border:1px solid var(--rhpv-border);background:var(--rhpv-chip);padding:6px 10px;border-radius:999px;cursor:pointer}
.rhpv-type-chip.is-active{background:var(--rhpv-chip-active);border-color:var(--rhpv-chip-active);color:var(--rhpv-chip-active-text)}
.rhpv-locations{display:flex;flex-wrap:wrap;gap:8px}
.rhpv-location-chip{border:1px solid var(--rhpv-border);background:var(--rhpv-chip);padding:6px 10px;border-radius:999px;cursor:pointer}
.rhpv-location-chip.is-active{background:var(--rhpv-chip-active);border-color:var(--rhpv-chip-active);color:var(--rhpv-chip-active-text)}
/** minmax impacts columns */
.rhpv-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px}
.rhpv-card{border:1px solid var(--rhpv-border);border-radius:8px;background:var(--rhpv-bg);overflow:hidden}
.rhpv-card-header{width:100%;text-align:left;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;gap:8px;background:#011556 !important;border:0;border-bottom:1px solid var(--rhpv-border);cursor:pointer}
.rhpv-title{font-weight:600; color: white; }
.rhpv-booth{color:var(--rhpv-muted)}
.rhpv-card-body{padding:10px 12px}
.rhpv-items{margin:6px 0 0 16px}
.rhpv-type-tag{display:inline-block;background:#eef6ff;color:#155eab;border-radius:999px;padding:2px 8px;margin-right:6px;font-size:.85em}
.rhpv-empty{color:var(--rhpv-muted);margin-top:8px}
.rhpv-loading{color:var(--rhpv-muted)}
.rhpv-error{color:#a00}
.rhpv-visit-link {
  display: inline-block;
  margin-top: 8px;
  padding: 4px 12px;
  background: #0066cc;
  color: white !important;
  text-decoration: none;
  border-radius: 4px;
  font-size: 0.9em;
}

.rhpv-visit-link:hover {
  background: #0052a3;
  color:white;
}