.filters-row {
  display: flex;
  justify-content: space-between;
  /*margin: .25em 0;*/
}

.filters-row:empty {
  margin: 0;
}

.filters-row-left {
  display: flex;
  justify-content: flex-start;
  gap: 1em;
  align-items: center;
  font-weight: 500;
}

.filters-row-right {
  display: flex;
  justify-content: flex-end;
  gap: 2em;
  align-items: center;
}


.input-radio-row {
  display: flex;
  gap: 1em;
  align-items: center;
  font-weight: 500;
}

.user-filter {
  display: flex;
  flex-wrap: wrap;
  /*gap: .5em;*/
  font-size: .9em;
  margin: .25em 0;
  padding: .25em .5em;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), inset 0 2px 4px rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); /* adjust color and size as needed */
}

.section-radio { /* spacing between radio buttons and labels */
  margin-left: 2rem;
  margin-right: .4rem;
}

select.radio-filter {
  min-width: 8em;
}

/*====================================================*/
/* Radio button styling: Don't mess with it/ */
/*====================================================*/

input[type="radio"] {
  position: relative;
  width: 12px;
  height: 12px;
  accent-color: var(--pralana_green);
  /*transform: translateY(1px)*/
}


input[type="radio"]:hover::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  transition: box-shadow 0.2s ease;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, .025), 0 0 9px #00B074;
}

/* better align the hover shadow for vertical radio buttons. */
input[type="radio"][field_format="radio-vertical"]:hover::after {
  left: 0;
}
/*====================================================*/

.radio-tag {
  width: fit-content;
  padding-right: 0;
  margin-right: 0;
}

/*.radio-row {*/
/*  display: flex;*/
/*  align-items: center;*/
/*  gap: 1.5em;   !* use this to control the space between radio buttons *!*/
/*}*/