.aorg-flow { margin: 1rem 0; }
.aorg-flow-list { list-style: none; padding: 0; margin: 0; }
.aorg-flow-row { background: #eff6ff; border: 1px solid #dbeafe; border-radius: 6px; padding: .65rem .75rem; margin-bottom: .5rem; display:flex; align-items:center; }
.aorg-flow-label { display:flex; align-items:center; gap:.6rem; width:100%; cursor:pointer; }
.aorg-flow-title { flex:1 1 auto; }
.aorg-flow-title a { color:#142334; text-decoration:none; }
.aorg-flow-title a:hover { text-decoration:underline; }

/* Hide the native checkbox visually but keep it accessible */
.aorg-flow-native-check {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: 0;
  pointer-events: none;
}

/* Custom checkbox styling inspired by archive theme colors */
.aorg-flow-check {
  width: 20px;
  height: 20px;
  border: 2px solid #142334;
  border-radius: 4px;
  display: inline-block;
  position: relative;
  background: #f9f9f9; /* match archive filter button gray */
  transition: background-color .2s, border-color .2s, box-shadow .2s;
  flex: 0 0 auto;
}
.aorg-flow-label:hover .aorg-flow-check { box-shadow: 0 0 0 3px rgba(20,35,52,0.12); }
.aorg-flow-native-check:focus + .aorg-flow-check { box-shadow: 0 0 0 3px rgba(20,35,52,0.2); }
.aorg-flow-native-check:checked + .aorg-flow-check { background-color: #142334; border-color: #142334; }
.aorg-flow-native-check:checked + .aorg-flow-check::after {
  content: '';
  position: absolute;
  left: 5px;
  top: 1px;
  width: 4px;
  height: 10px;
  border: solid #fff;
  border-width: 0 3px 3px 0; /* tick */
  transform: rotate(45deg);
  border-radius: 1px;
}
