/* Pulsanti "verificato: funziona / non funziona" in fondo alla scheda di una risorsa */
.res-fb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .6rem 1rem;
  margin: 2rem 0 .5rem;
  padding: 1rem 1.2rem;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 1rem;
  background: rgba(255, 255, 255, .03);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  text-align: left;
}
.res-fb-q { color: #c4c8ce; font-size: .92rem; flex: 1 1 220px; }
.res-fb-btns { display: flex; flex-wrap: wrap; gap: .5rem; }
.res-fb-btn {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .5rem 1rem;
  border-radius: 999px;
  border: 1px solid;
  background: transparent;
  font: 600 .85rem/1.2 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  cursor: pointer;
  transition: background .15s, color .15s, box-shadow .15s;
}
.res-fb-ok { color: #4ade80; border-color: rgba(74, 222, 128, .5); }
.res-fb-ko { color: #f87171; border-color: rgba(248, 113, 113, .5); }
.res-fb-ok:hover, .res-fb-ok.is-on { background: rgba(74, 222, 128, .15); color: #bbf7d0; }
.res-fb-ko:hover, .res-fb-ko.is-on { background: rgba(248, 113, 113, .15); color: #fecaca; }
.res-fb-btn.is-on { box-shadow: 0 0 0 2px currentColor inset; }
.res-fb-btn:focus-visible { outline: 2px solid #1991eb; outline-offset: 2px; }
.res-fb.is-busy .res-fb-btn { opacity: .55; cursor: progress; }
.res-fb-msg { flex-basis: 100%; font-size: .85rem; min-height: 0; }
.res-fb-msg:empty { display: none; }
.res-fb-msg.ok { color: #86efac; }
.res-fb-msg.err { color: #fca5a5; }