/* 'Aanbevolen' tag + custom description on /compute lists and product pages (templates/partials/compute_meta.html) */
.gs-reco-tag { display: inline-flex; align-items: center; gap: .25rem; margin-left: .35rem; padding: .05rem .45rem;
  border-radius: 999px; font-size: .66rem; font-weight: 600; letter-spacing: .03em; text-transform: uppercase;
  vertical-align: middle; white-space: nowrap; color: #fde047; background: rgba(250, 204, 21, .15); }
html.light .gs-reco-tag { color: #a16207; background: #fef9c3; }
.gs-plan-desc { margin-top: .15rem; max-width: 22rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font-size: .75rem; color: var(--gs-muted, #94a3b8); }
.gs-plan-desc--full { max-width: none; white-space: normal; font-size: .95rem; margin: .25rem 0 .75rem; }
.gs-admin-meta { padding: .5rem .75rem; vertical-align: top; }
.gs-admin-meta form { margin: 0 0 .3rem; }
.gs-meta-desc { display: flex; gap: .25rem; }
.gs-meta-desc input { width: 11rem; padding: .2rem .45rem; font-size: .7rem; border-radius: .5rem;
  border: 1px solid rgba(148, 163, 184, .45); background: transparent; color: inherit; }
.gs-meta-btn { padding: .2rem .5rem; font-size: .7rem; font-weight: 500; border-radius: .5rem; white-space: nowrap;
  border: 1px solid rgba(148, 163, 184, .45); background: transparent; color: inherit; cursor: pointer; }
.gs-meta-btn:hover { border-color: #3b82f6; }
.gs-meta-btn.is-on { background: #ca8a04; border-color: #ca8a04; color: #fff; }
.gs-meta-hint { font-size: .75rem; color: var(--gs-muted, #94a3b8); margin: 0 0 .5rem; }
.gs-meta-err { font-size: .8rem; color: #fca5a5; background: rgba(239, 68, 68, .12); border-radius: .5rem;
  padding: .4rem .7rem; margin: 0 0 .5rem; }
html.light .gs-meta-err { color: #b91c1c; background: #fee2e2; }
/* Filter checkbox 'Aanbevolen' (GET ?aanbevolen=1, no JS) */
.gs-reco-filter { display: inline-flex; align-items: center; gap: .4rem; padding: .45rem .1rem; font-size: .875rem; cursor: pointer; white-space: nowrap; }
.gs-reco-filter input { width: 1rem; height: 1rem; accent-color: #ca8a04; cursor: pointer; }
